link dentro un Div

**ivan84** · 17-02-2011, 19:06

Ciao a tutti,

Premetto che sono un novice in questo campo,so ben poco.
Mi sono riscontrato davanti un problema, e mi rivolgo a voi per poterlo risolvere, che sicuramente è davvero una stupidata.

Allora tramite un menu, cliccando su una voce dovrei far comparire un div, nella quale fa apparire le informazioni riguardante quel collegamento.
fin qui in teoria sono riuscito ad risolverlo, spiando un po su internet, il problema adesso sta nel modificare quel codice il quale mi serve ma nn ne so molto.
Il mio problema sta nel mettere un clausola al codice dove metto un controllo che controlla se il div è aperto o meno, se aperto inserisci le informazioni del nuovo collegamento nel div, altrimenti fai apparire il div con le informazioni a riguardo.
tutto questo quando cambio voce dal menu.

Non so se mi sono spiegato bene, perchè effettivamente non è facile scriverlo.

Ringrazio

Ciao

**Vindav** · 17-02-2011, 19:14

posta il codice js che mostra il div con le informazioni... poi ci aggiungeremo il controllo che ti interessa

**ivan84** · 17-02-2011, 19:29

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Pagina di prova</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
    <script language="javascript" type="text/javascript">
// <!CDATA[
function visualizza(v)
{
    var ds = v.parentNode.getElementsByTagName("div");
    if(!ds || ds.length == 0) return;
    var d = ds[0];
    d.style.display = (d.style.display == "")? "none": "";
}

// ]]>
    </script>

</head>
<body>
    <div>
        Titolo1
        <div id="strillo" style="display:none;">testo1</div>
    </div>    
    <div>
        Titolo2
        <div id="strillo" style="display:none;">testo2</div>
    </div>
    <div>
        Titolo3
        
        <div id="strillo" style="display:none;">
    <iframe src="Home-Prova.html" id="iframe1" name="iframe1" height="530" width="100%" frameborder="0" scrolling="auto"></iframe>

  </div>
    </div>
    <div>    
        Titolo4
		
  <div id="strillo" style="display:none;">
    <iframe src="prova.html" id="iframe1" name="iframe1" height="530" width="100%" frameborder="0" scrolling="auto"></iframe>

  </div>
  </div>

    
    
    
</body>
</html>

Usando questo codice ad ogni collegamento del menu, non mi si apre nello stesso div, ma cmq mi si apre sotto lasciando aperto l'eventuale collegamento aperto prima, e per chiuderlo bisogna ricliccarci sopra.

Io vorrei che ad ogni click sul menu compaia nella stessa div, e che utilizzasse solo un div per tutti i collegamenti del menu

Intanto grazie mille

CIao

**Vindav** · 18-02-2011, 11:15

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Pagina di prova</title>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
    <script language="javascript" type="text/javascript">
// <!CDATA[
function visualizza(v)
{
    var strillo = document.getElementById("strillo");
    if(strillo.style.display == "none") strillo.style.display = "block";
    strillo.innerHTML = "Informazioni per "+v.text;
}

// ]]>
    </script>

</head>
<body>
    <div>
        Titolo1
    </div>    
    <div>
        Titolo2
    </div>
    <div>
        Titolo3
    </div>
    <div>    
        Titolo4
    </div>
    
  <div id="strillo" style="display:none;"></div>

</body>
</html>

**ivan84** · 21-02-2011, 21:26

Grazie mille, è proprio quello che mi serviva, nn sapete quanto ho sbattuto la testa

per riuscire a risolvere il problema.
Adesso sta solo nell'adattarlo nel mio menu.

Thanks a lot!!!

Discussione: link dentro un Div

Strumenti discussione

Ricerca discussione

Visualizza

link dentro un Div

Permessi di invio