aiuto script per dizionario!

**adelefxxxbooob** · 22-09-2008, 16:02

ciao!! volevo creare un dizionario che quando clicca su una parola in un select il significato me lo porta in un iframe vi posto il codice:

codice:

<html>
<head>
<script>
function dizionario(definizione){
finestra = open("","frame","frame") ;
finestra.document.write (definizione) ;
}
</script>
</head>
<body>
<form name="form1">
 
  <select name="parole" size="5" multiple="multiple">
   <option value="parola" onclick="dizionario('prova1')">parola</option>
   <option value="parola2" onclick="dizionario('prova2')">parola2</option>
 
  
  </select>


<iframe name="frame" id="frame" src="" height="500" width="500"></iframe></form>
</body>
</html>

il problema è che se clicco 2 volte sulle due definizioni invece di scrivere due significati diversi somma il contenuto.
qual'è il problema?? ciao!

**artorius** · 22-09-2008, 16:54

ma perché devi usare un iFrame???

Codice PHP:


<html>

<head>

<script>

function dizionario(definizione){

document.getElementById("myDiv").appendChild(document.createTextNode(definizione));

}

</script>

</head>

<body>

<form name="form1">

 

  <select name="parole" size="5" multiple="multiple">

   <option value="parola" onclick="dizionario('prova1')">parola</option>

   <option value="parola2" onclick="dizionario('prova2')">parola2</option>

 

  

  </select>





<div id="myDiv" ></div></form>

</body>

</html>

Comunque, cosa intendi per somma il contenuto?? io te l'ho messo in modo che aggiunga le definizioni, se vuoi che sovrascriva il contenuto del div sostituisci la riga con:

document.getElementById("myDiv").innerHTML = definizione;

**dav22** · 22-09-2008, 17:04

io eviterei l'uso degli iframe perchè a volte non supportato soprattutto se si può fare con i div o simili.. tyi ho messo anche la gestione delle scrollbar nel div.

ho modificato il tuo codice, spero ti sia di aiuto e che non ci siano dei motivi particolari per usare gli iframe (tra l'altro attento che nel tuo codice continui a richiamare open ad ogni click sulle definzioni penso non sia il massimo).

codice:

<html>
<head>
<style>
div.box{width:250px;height:250px;
    background:url(boxbk.png) no-repeat top left;
    padding:1px 0;font-size:12px}

div.box-inner{height: 200px;overflow:auto;
    margin:25px 24px 0;padding-right:2px} 
</style>
<script>

function dizionario(definizione){

var ifr = document.getElementById("def");
ifr.innerHTML=definizione;


}
</script>
</head>
<body>
<form name="form1">
 
  <select name="parole" size="5" multiple="multiple">
   <option value="parola" onclick="dizionario('prova1')">parola</option>
   <option value="parola2" onclick="dizionario('ciao


ciao























prova

+righe

ancoradièpiù





prova2')">parola2</option>
   </select>
<div style = "border:1px solid red;width:250px;height:250px;" class="box">
    <div id="def" class="box-inner">
    
    </div>
</div> 
</div>
</form>
</body>
</html>

ciao
davide

PS: noooo artorius sei arrivato prima

Discussione: aiuto script per dizionario!

Strumenti discussione

Ricerca discussione

Visualizza

aiuto script per dizionario!

Permessi di invio