Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Passare una variabile php ad una funzione javascript

    Ciao a tutti ecco il problema.
    Nella mia pagina faccio un elenco di elementi (div) e cliccando su uno vorrei che venissero visualizzati i suoi dettagli facendo apparire nella stessa pagina un div "dettagli".

    for ($i=1; $i<17 ; $i++) {
    ?>

    <div id="struttura" onclick="mostra(<?php echo $i;?>)">
    livello </br> </br> </br>
    Strttura n <?php echo $i;?>
    </div>

    <div id="dettaglioStruttura<?php echo $l; ?>" onclick="nascondi(<?php echo $i;>)">
    Costruzione struttura <?php echo $i."</br>"; ?>
    </div> <?php }?>


    Funzioni JavaScript:
    <script type="text/javascript">

    function mostra(int i)
    {
    document.getElementById("dettaglioStruttura".i).st yle.display="block";
    document.getElementById("struttura").style.display ="none";
    }

    function nascondi(int i)
    {
    document.getElementById("dettaglioStruttura".i).st yle.display="none";
    document.getElementById("struttura").style.display ="block";
    }

    </script>

    Il CSS (non lo metto per tutti i dettagli .. cambierebbe solo il nome):
    div#dettaglioStruttura1{
    display: none;
    background-color: blue;
    width: 790px;
    height: 185px;
    float: top;
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 5px;
    }

    A parte l'allineamento, mi interessa principalmente risolvere il problema php-javascript.
    Grazie.

  2. #2
    Utente di HTML.it
    Registrato dal
    May 2012
    Messaggi
    1,453
    Ti ho riordinato un po il codice

    codice:
    <?
    for ($i=1; $i<17 ; $i++) { 
    ?> 
    
    <div id="struttura<?php echo $i; ?>" onclick="mostra(<?php echo $i;?> )">
    livello
    
    Strttura n <?php echo $i;?> 
    </div> 
    
    <div id="dettaglioStruttura<?php echo $i; ?>" onclick="nascondi(<?php echo $i;?> )" style="display:none;"> 
    Costruzione struttura <?php echo $i."</br>"; ?>
    </div>  
     
     
      <?php }?>
    
    
    <script type="text/javascript">
    
    function mostra(i)
    {
    document.getElementById("dettaglioStruttura"+i.toString()).style.display="block";
    document.getElementById("struttura"+i.toString()).style.display="none";
    }
    
    function nascondi(i)
    {
    document.getElementById("dettaglioStruttura"+i.toString()).style.display="none";
    document.getElementById("struttura"+i.toString()).style.display="block";
    }
    
    </script>

  3. #3
    grazie
    ora lo provo

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.