Problema javascript(credo)

Printable View

13-03-2009, 20.55.54

Problema javascript(credo)

Ciao a tutti volevo chiedere una cosa: io volevo far si che schiacciando su un testo (linkato) all' interno di una immagine si apra un "foglietto" sotto, nella pagina stessa,dove potere scrivere delle recinsioni.Se non avete ben capito andate a [Questo sito, schiacciate sull' immagine del capitolo (quella con scritto open/close)e vedrete il risultato. è possibile farlo in un modo non troppo complicato?
Io non conosco granchè il Js (sempre che serve quello).Ho chiesto a un mio conoscente che è abbastanza bravo e mi ha detto di usareil Js e l' Ajax (almeno credo).
Ciao grazie
14-03-2009, 12.36.03
dementialsite

Ti do un paio di topic dove ci sono gli esempi che avevo postato in passato:
- http://forum.it.altervista.org/basi-...-comparsa.html
- http://forum.it.altervista.org/basi-...scomparsa.html

Nota di servizio: sto ricaricando i file in questione, potresti non trovarli subito schiacciando il link...

Stammi bene...
14-03-2009, 13.43.24

Ok era quello che cercavo, ora mi rimane un problema:
Io voglio appicare l' "effetto scomparsa" a una parte di una mappa di immagine: Come faccio?
Grazie
14-03-2009, 14.04.31
dementialsite

Se si tratta di un'immagine intera, puoi benissimo inserirla nella parte che scompare con il tag IMG.

Ma una parte di una mappa di immagine la vedo dura da implementare e, soprattutto, un po' priva di senso: ti potrebbe restare un vero e proprio "buco" sull'immagine (non credo di essere riuscito a spiegarmi al meglio... se postassi un esempio parziale sarebbe meglio).

Stammi bene...
14-03-2009, 17.12.32

Allora in effetti sembrava un po dura anche a me. La cosa che volevo fare è:
http://img14.imageshack.us/img14/1218/media3.gif
Con questa immagine volevo fare si che oltre che quando si schiaccia sulle immaigni si scarica la cosa voluta( questo ce l' ho fatta da solo), quando si schiaccia sul testo "Ultimo Capitolo" si aprisse la finestrella che mi hai fatto vedere(poup up?) con la descrizione.
Va bè grazie lo stesso
Ciau
14-03-2009, 21.39.54
dementialsite

Se è così, allora, non è così complicato... ti basta assegnare la chiamata alla funzione popup() (l'ho chiamata così, ma non è un "popup" a tutti gli effetti :D) come destinazione dell'area dell'immagine che deve fare da "interruttore". Tutto qui.

Stammi bene...
14-03-2009, 22.33.54

??? Non ci ho capito molto (sarà perchè ci capisco poco in generale)
Se posto il codice ci puoi dare una aggiustata?
Grazie mille

Codice HTML:

<html> <head> <title>Media Center</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <img src="http://img15.imageshack.us/img15/1218/media3.gif" width="450" height="135" border="0" alt="" usemap="#media2_Map"> <map name="media2_Map"> <area shape="rect" alt="Scarica Last Epi" coords="150,8,286,99" href="http://narutofanweb.altervista.org/_HorribleSubs__Naruto_Shippuuden_100_-_480p.mkv.torrent"> <area shape="rect" alt="Scarica Last Cap" coords="12,8,141,99" href="http://narutofanweb.altervista.org/cap439trad.zip"> </map> </body> </html>

No so neanche s eè giusto, se riesci grazie mille.
Ciao.
14-03-2009, 23.50.14
dementialsite

Il codice dovrebbe essere giusto (non ho modo di darci una controllata).

Quello che devi fare è aggiungere la terza area e "puntarla" alla funzione javascript, così:

Codice HTML:

<map name="media2_Map"> ... <area shape="rect" alt="..." coords="..." href="javascript:popup()"> </map>

Stammi bene...
15-03-2009, 10.44.12

Non funziona.Posto il codice è così che devo assegnarlo?

Codice HTML:

<html> <head> <title>Prova</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">  <img src="images/Untitled-1.gif" width="450" height="135" border="0" alt="" usemap="#Untitled_1_Map"> <map name="Untitled_1_Map"> <area shape="rect" alt="Prova" coords="174,102,270,135" href="javascript:popup()"> <area shape="rect" alt="Prova" coords="31,105,125,134" href="javascript:popup()"> <area shape="rect" alt="Last_Epi" coords="157,10,286,100" href="http://narutofanweb.altervista.org/_HorribleSubs__Naruto_Shippuuden_100_-_480p.mkv.torrent"> <area shape="rect" alt="Last_Cap" coords="14,10,143,101" href="http://narutofanweb.altervista.org/cap439trad.zip"> </map>  </body> </html>

Deve essere una cosa simile?
15-03-2009, 16.14.24
dementialsite

In teoria dovrebbe essere così... ma tieni presente che per come hai scritto il codice, ci saranno due aree cliccabili che controlleranno la stessa parte nascosta.

Ovviamente, il codice non deve essere tutto lì... devi aggiungere anche:
- il codice HTML della parte che appare e scompare
- la parte di script (in cima alla pagina) che regola tutto il funzionamento
Se inserisci solo il richiamo come hai scritto sopra, ci credo che non funzioni... perché richiami una funzione che non esiste.

Trovi tutto dentro l'esempio: http://dementialsite.altervista.org/...f/divonoff.htm

Stammi bene...
15-03-2009, 22.01.39

Ce l'ho fatta grazie mille ( anche per la pazienza).
Ciaooooo
EDIT: Come facci oa fare si che i "popup" siano 2 (diversi)?
EDIT2:Mi serve anche che le tabelle che si aprono siano nascoste da subito.
Ciauuu
16-03-2009, 12.15.43
dementialsite

Per la seconda domanda, controlla meglio i due topic che ti ho linkato sopra... c'è la risposta.

Per la prima potresti fare così:
- la variabile di controllo (popupOn) non sarà più booleana ma numerica: 0 indicherà che nessuna struttura è aperta, un numero diverso da 0 indica quale delle strutture è aperta (una sola per volta)
- aggiungi alla funzione popup() un parametro numerico
- assegna alle sezioni nascoste ID diversi, purché i loro valori siano in qualche modo in progressione (esempio "popup1", "popup2", etc.)
- riscrivi così il corpo della funzione popup(): all'inizio nascondi tutte le sezioni presenti nel codice, siano esse già aperte o meno. Poi verifica se il parametro della funzione popup() coincide con il valore di popupOn: se è così, reimposta solo la variabile a 0. In caso contrario, mostra la sezione corrispondente e reimposta popupOn con il valore del parametro.

Se non riesci a tradurre in codice quanto scritto sopra... fammi sapere, che provo a rispondere al topic.

Stammi bene...
16-03-2009, 14.24.52

Questa volta ce l' ho fatta davvero grazie mille.
Questa volta lo dico io....
Grazie...Stammi bene =)
EDIT 1: Come non detto ho provato a inserire il tutto in un blocco ma non funziona, non si aprono le tabelle.
Ecco il link: http://narutofanweb.altervista.org
L' immagine su cui abbiamo lavorato è la seconda in alto al centro.
EDIT2: Risoloto da solo la prima immagine uguale che avevo lasciato andava in contrasto con quella nuova.
Credo sia l'ora di potere dire finalmente FINE!! =)
p.s. Grazie ancora