Newsgroup: it.lavoro.professioni.webmaster
Titolo: Per Mao

Ciao, ho letto in un post che ai realizzato uno script in javascript per
includere dei tag in una pagina.
"Parole sante!! Comunque se può interessare io ho risolto il problema
mettendo a disposizione dell'"utonto" un po' di tastini attraverso i quali
vengono aggiunti (via Javascript) i tag <b></b>, <u></u>, <i></i> a parti di
testo nella textarea. Nei casi in cui le pretese andavano oltre il semplice
grassetto, ho utilizzato dei tastini che inserivano dei tag <div></div> con
la loro bella classe visibile in anteprima."
Io ho realizato un database con lo stesso scopo ma senza questa funzionalità
poichè non conosco il javascript, potresti farmi dare un'occhiata al
suddetto script?
Grazie Marceme

 suddetto script?
Certo. No problem. Questa è la versione "base":
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Prova inserimento tag in un campo TextArea</title>
<style type="text/css">
 .nomeClasse
{color:#ff0000;font-family:Verdana,Arial,sans-serif;font-size:50%;}
</style>
<script language="JavaScript" type="text/javascript">
<!--
function applyStyle(styleNum) {
var txtString;
switch (styleNum) {
 case 1:
 text = prompt("Inserisci il testo da visualizzare in grassetto.","Text");
 txtString = "<b>"+text+"</b>";
 break;
 case 2:
 text = prompt("Inserisci il testo da visualizzare in corsivo.","Text");
 txtString = "<i>"+text+"</i>";
 break;
 case 3:
 text = prompt("Inserisci il testo da visualizzare nello stile
predefinito.","Text");
 txtString = "<div class=\"nomeClasse\">"+text+"</div>";
 break;
}
if(text!=null)
document.MioForm.MiaTextArea.value = document.MioForm.MiaTextArea.value +
txtString;
document.MioForm.MiaTextArea.focus();
}
function preview() {
re = \r\n;
str = document.MioForm.MiaTextArea.value;
newstr=str.replace(re, "<br>");
pview =
window.open("","Preview","toolbar=no,width=400,height=300,status=no,scrollbars=yes,resizable=no,menubar=no");
pview.document.open("text/html","replace");
pview.document.write("<html><head><title>Anteprima</title><style
type=\"text/css\">.nomeClasse
{color:#ff0000;font-family:Verdana,Arial,sans-serif;font-size:50%pt;}</style></head><body
bgcolor=\"#ffffff\">" + newstr + "</body></html>");
pview.document.close();
pview.focus();
}
//-->
</script>
</head>
<body>
<form name="MioForm">
<textarea name="MiaTextArea" cols="60" rows="15">
</textarea>
<br>
<input type="button" value="Grassetto" onClick="applyStyle(1);">
<input type="button" value="Corsivo" onClick="applyStyle(2);">
<input type="button" value="Stile predefinito" onClick="applyStyle(3);">
<input type="button" value="Preview" onClick="preview();">
</form>
</body>
</html>
Al posto dei pulsanti si possono utilizzare anche delle immagini ma in
questo caso dovresti modificare leggermente lo script; fammi sapere se hai
bisogno di qualcosa in particolare e vedrò cosa posso fare.
Come ho scritto in un altro post, ho da poco realizzato una versione
"avanzata" di questo script che, attraverso l'utilizzo di icone al posto dei
tasti, simula la barra comandi di Word per far sentire l'utente un pò più a
suo agio. E' ancora in versione beta (non ho mai il tempo di finirlo) per
cui evito di postartelo per il momento.
Mao
--------------------------------
Inviato via 
http://usenet.libero.it

 {color:#ff0000;font-family:Verdana,Arial,sans-serif;font-size:50%pt;}
ERRORE!! C'è un "pt" di troppo. Ecco la riga corretta:
{color:#ff0000;font-family:Verdana,Arial,sans-serif;font-size:50%;}
Pardon.


Poichč sei stato cosě gentile mi chiedevo se potevo contraccambiare, avrei
un e-book in inglese sul javascript esattamente č "xxxxxxxxxxxxx" ben 2100
pagine se lo vuoi fammi un fischio.
Grazie mille Marceme.
P.S.
Ne ho anche altri se ti interessa fammi sapere

 bisogno di qualcosa in particolare e vedrò cosa posso fare.
Non l'ho ancora guardato approfonditamente, ma mi sembra una cosa abbastanza 
carina.
Mi autorizzi a prenderne spunto e pubblicarlo in JsDir? A tuo nome se vuoi, 
magari scrivimi in e-mail.
-- 
Ciao, Riccardo
------------------------------------------------------------------------
http://www.jsdir.com
 ---- Bring Your Site To Life!!!!
------------------------------------------------------------------------
http://www.dev2dev.it
 - La rete ha connesso nuove particelle - D2D006
------------------------------------------------------------------------
 ----> itALY = it <----


Certo, nessun problema. Considera che quello che ho postato prima č soltanto
un draft con quattro tag buttati lě giusto per dare l'idea (niente stili,
niente impaginazione ecc.). Magari appena riesco a rimettere mano alla
versione con la barra dei comandi la posto sul NG.
Per il nome non ti preoccupare.


 Per il nome non ti preoccupare.
Ok, fammi sapere allora, e' una cosa che volevo fare da tempo, ma non ho 
ancora trovato il tempo di mettermici :-)
Se hai bisogno d'aiuto posta in it.comp.lang.javascript
