Javascript: Contenuto dinamico di un div

**ceppo** · 18-03-2007, 14:53

Salve a tutti amici di HTML.it,
potreste aiutarmi con un javascript?
Dovrei fare in modo che passando il mouse su una scritta cambiasse il contenuto di un div.
Praticamente se passo su un link con scritto HTML.it mi dovrebbe scrivere in un div Il piu grande portale per tutti i webmaster, se passo su Google "Il piu grande motore di ricerca" e cosi via. Non sono un granche in jscript, ma con questo script mi ci sto letteralmente ammazzando da un mese
Ceppo

**fcaldera** · 18-03-2007, 15:25

Questo funziona in modo device-independant... puoi vedere le descrizioni dei link anche ell'evento focus.

codice:

<head>
<script type="text/javascript">

function init() {
   desc = document.getElementById('descrizionelink');
   el = document.getElementById('elencolink');
   lks = el.getElementsByTagName('a');

   for (var i=0; i<lks.length; i++) {
      lks[i].onmouseover = function() {
         desc.innerHTML = this.title;
      }
      
      lks[i].onfocus = lks[i].onmouseover;
   }
}

window.onload = init;

</script>
</head>



...

<ul id="elencolink">[*]google[*]hancproject[/list]
<div id="descrizionelink"></div>

**ligen** · 18-03-2007, 15:28

Hai provato ad utilizzare le JavaServer Faces (JSF)?

Potresti, anzichè avere una semplice stringa di testo, creare un <h

utputText/> component con l'attributo value che specifica qual'è il testo da rappresentare. Questi componenti ti permettono di identificare gli eventi del mouse. Quindi catturato l'evento del mouse (ad esemprio onmouseup) potresti lanciare una funzione javascript che fa il lavoro che tu vuoi.

Un piccolo esempio:
1. questo è il codice nel body della pagina ".jsp" che lancia la funzione e sotto ci sta il div da aggiornare:

codice:

<body>
    
    <h:outputText value="il testo che vuoi visualizzare" onmouseup="update">
    
    <div id="updatebleDiv"></div>
</body>

Ricordati di dare un "id" univoco al div in modo che tu possa identificarlo da qualunque punto all'interno della pagina.

2. questa è la funzione javascript che ti dà la possibilità di aggiornare il div

codice:

<script type="javascript" language"JavaScript">

    function update(){
        document.getElementByID('updatableDiv').innerHTML = "testo da visualizzare";
    }

</script>

Ovviamente tieni presente che nella funzione potresti far inserire non solo semplice testo ma tutto quello che vuoi (immagini, testo html, xml, ecc.).

Ti consiglio di ricercare delle risorse per studiare le tecniche "Ajax" se vuoi avere a che fare seriamente con queste cose. Se invece per te è una cosa temporanea puoi accontentarti di questo.

Penso di aver risolto il tuo problema, se così non fosse mi dispiace e sono pronto a nuove domande sperando che abbia le conoscenze adatte per risponderti.

Ciao.

**ceppo** · 18-03-2007, 22:30

Grazie a entrambi dell'aiuto offerto, mi avete fornito anche il codice completo!
Non mi resta che mettermi a programmare un po'

Grazie e buon lavoro a tutti
Ceppo
Anzi patrix

PS: Questo login lho trovato su bugmenot e sono stato obbligato ad usarlo perché ho avuto problemi con la registrazione del sito e mi serviva urgente un login. So di non aver fatto la cosa piu corretta, per questo chiedo scusa. Il piu presto possibile effettuerò la registrazione

**Xinod** · 18-03-2007, 23:34

ho richiesto il ban per questo username
(potrebbe venir usato per altri scopi)
grazie per la sincerita'

**ligen** · 19-03-2007, 11:45

Grande Xinod, sempre attentissimo... Così va fatto perchè sto forum è veramente una risorsa...

Discussione: Javascript: Contenuto dinamico di un div

Strumenti discussione

Ricerca discussione

Visualizza

Javascript: Contenuto dinamico di un div

Permessi di invio