Salve ho questo script:
JAVASCRIPT
function apri(testo){
var elemento= document.getElement.ById("layer1");
elemento.style.display="block";
}
HTML
<div id="layer1" style="position:absolute; width:200px; height40px; left:150px; top:300px; z-index:100; display:none"></div>
Poi ho tre link
Prima fase
Seconda fase
Terza fase
come posso far comparire il testo nel div a seconda del link che si clicchi?
function apri(testo){
var elemento= document.getElementById("layer1");
elemento.innerHTML = testo;
elemento.style.display="block";
}
però così ripeti due volte il testo: non è un inutile ridondanza?
Fai così piuttosto
function apri(link){
var elemento= document.getElementById("layer1");
elemento.innerHTML = link.innerHTML;
elemento.style.display="block";
return false;
}
Prima fase
Seconda fase
Terza fase
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
scusami mi spieghi il perchè ripeto due volte il testo
poi se puoi mi spieghi a cosa serve (link) e innerHTML
è da poco che mi cimento in javascript
e poi come fa a prendere le frasi Prima frase, Seconda frase etc..
Quante volte hai scritto 'Prima frase'?Originariamente inviato da techno
scusami mi spieghi il perchè ripeto due volte il testo
Prima fase
innerHTML è un metodo che si applica ad un oggetto, sia in lettura che in scrittura (a seconda che si trovi a destra o a sinistra del segno (=) uguale)poi se puoi mi spieghi a cosa serve (link) e innerHTML
Prima fase
all'evento onclick sul link chiami la funzione apri passando come argomento this, ovvero l'oggetto nodo stesso, ovvero l'oggetto link su cui clicchi
la funzione apri accetta appunto un link (e non una stringa), ne legge il contenuto (con innerHTML a destra del segno uguale) scrivendolo sull'elemento layer (innerHTML a sinistra del segno uguale)
il return sull'onclick serve per non far eseguire l'attributo href (il #)
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
scusa ma non funge
questo è lo script:
function apri(link){
var testo=document.getElementById("layer1");
elemento.innerHTML= link.innerHTML;
testo.style.display="block";
return false;
}
link 1
link 2
link 3
<div id="layer1" style="position:absolute; border:1px solid #000000; width:200px; height:40px; top:300px; left:150px; z-index:1; display:none"></div>
non stai applicando il codice correttamente
copia e incolla l'esempio
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <script type="text/javascript"> function apri(link){ var elemento= document.getElementById("layer1"); elemento.innerHTML = link.innerHTML; elemento.style.display="block"; return false; } </script> </head> <body> Prima fase Seconda fase Terza fase</script> <div id="layer1" style="position:absolute; border:1px solid #000000; width:200px; height:40px; top:300px; left:150px; z-index:1; display:none"></div> </body> </html>
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
Si è vero cè un errore
Un ultima cosa perchè inserisci un return a cosa serve?
a scusa già me l'hai spiegato prima non l'avevo visto
ti chiedo solo questo
perche conviene + prendere un link invece che una stringa?
la funzione apri accetta appunto un link (e non una stringa), ne legge il contenuto (con innerHTML a destra del segno uguale) scrivendolo sull'elemento layer (innerHTML a sinistra del segno uguale)
ok ho coretto gli errori e funge.
Volevo chiederti questo è per quando riguarda il link.
Ma se ad un ogni link ci vorrei associare una frase e farla comparire nel div come devo fare?
link 1
Va bene cosi?
Permessi di invio
Rispondi quotando