prima di fare riga per riga spieghiamo un attimo la struttura del codice:
CODICE
<script type="text/javascript">
var stringa=document.location.search;
ricerca="t=";
conf=stringa.indexOf(ricerca);
</script>
Questa è la prima parte ed è uno script JavaScript, come si può vedere, vediamo dopo la spiegazione anche se è intuibilr (ed è simile a quello del Wav).
La logica di questa parte é: controllo se la pagina in cui siamo è una discussione (le discussioni ho visto che come indirizzo hanno goz.forum....net/?t=numero
quindi controllo se l'indirizzo contiene t= .
2^parte
CODICE
<div id="cao">
<b> questo è un esempio di emoticoniere versione 0.1 by igorravasi....</b>
<img src="http://immagini.p2pforum.it/out.php/i420396_pdis.jpg" onclick="tag('[IMG]http://immagini.p2pforum.it/out.php/i420396_pdis.jpg[/IMG]','')">
</div>
questo è pure codice html, ho un div che contiene una scritta in grasetto e un immagine emoticon di esempio, nell immagine l'attributo src come sapete è il percorso dell immagine, l'attributo onclick= indica cosa deve essere fatto quando si verifica l'evento onclick dell immagine (facile da intuire cosa sia...). Osservando il sorgente delle pagine di discussione del forum hoguardato come funzionano i bottoni Code, sopiler, img, etc. Ho seguito il metodo dello spoiler e del quote, che hanno lo stesso codice: chiamano la funzione tag (potete guardarla nel sorgente delle discussioni), che ha 2 argomenti, il primo è il tag d'apertura, il secondo quello di chiusura. Siccome sopo l'inserimento dei tag la funzione tag ti posiziona il cursore in mezzo ai 2 tag io come primo argomento passo tutti e 2 i tag, compreso ciò che ci deve stare in mezzo, il 2° argomento lo lascio vuoto.
3^parte
CODICE
<script type="text/javascript">
if (conf<1){
nascondi();
}
function nascondi() {
el=document.getElementById("cao");
el.style.display="none";
}
</script>
questa parte riprende il javascript, dopo essere passati all html, se nella prima parte avevamo scoperto che la pagina non è una discussione chiamo la funzione nascondi.
Funzione nascondi:
nascondo el, che altri nno è che il div con l'id "cao" (gli ho dato questo id a caso...)
ritorno infine a spiegare la prima parte
CODICE
<script type="text/javascript">
var stringa=document.location.search;
ricerca="t=";
conf=stringa.indexOf(ricerca);
</script>
apro il tag script,
assegno alla variabile stringa la proprietà search dell'oggetto document.location, document.location è l'indirizzo dell apagina, la proprietà search è una stringa che contiene la parte dell'indirizzo che passa i valori dele variabili, quindi a partire dal ? compreso.
assegno alla variabile ricerca (con il carattere di escape per l'uguale) il valore "t=" che è la stringa che cercheremo per capire se la pagina in cui siamo è un topic o no.
assegnamo a conf il valore restituito dal metodo indexof di stringa: cerchiamo in stringa se c'è t=. Se non c'è conf sarà -1, altrimenti un numero maggiore di 0 (0 non può essere perchè la posizione 0 in stinga è sempre il ? .
quindi quano nella terza parte faccio la if
guardo se t= non c'era. cioè se non è una discussione la pagina, ricordo che se succede questo allora l'emoticoniere viene nascosto.
quindi come creare l'emoticoniere goz?
allora la prima e la terza parte non le modifichi, nella seconda invece metti te del codice html, all'interno del div, che deve tenere lo stesso id di adesso perchè se no lo script non lo nasconde.
allora il div di adesso è
CODICE
<div id="cao">
<b> questo è un esempio di emoticoniere versione 0.1 by igorravasi....</b>
<img src="http://immagini.p2pforum.it/out.php/i420396_pdis.jpg" onclick="tag('[IMG]http://immagini.p2pforum.it/out.php/i420396_pdis.jpg[/IMG]','')">
</div>
per ogni emoticon tu devi inserire <img src=***percorso emoticon*** onclick="tag('[IMG]***percorso emoticon***[/IMG]<b>','')">
ti faccio lo "spelling" della parte in grassetto: apice singolo virgola due apici singoli parentesi apice doppio
per inserire le emoticon ti consiglio di copiare l'immagine d esempio che ho fatto io (poi la modifichi)e la incolli tante volte quante le emoticon poi per ognuna modifichi il percorso sia in src= sia all'interno di onclick, lasciando immutato ag('[IMG... cambia solo il percorso....
