Prodej módní značky DANNYS clothing
Zobrazují se odpovědi 1 až 2 z 2

Show/hide v závislosti na výběru položky

  1. Zdravím!
    Prosím prosím zkušené borce o radu a pomoc.

    Snažím se vytvořit tabulku s pozadím, které se bude měnit v závislosti na tom, na kterou položku pod tabulkou (vypsanou z sql databáze) najedu myší.

    Lámu si s tím hlavu už pár dní a tak budu vděčný za konstruktivní pomoc.
    Předem mockrát díky!



    PHP kód:
                $sql = "SELECT * FROM dekory WHERE aktiv='1'";
                $result = $con->query($sql);
                    
                if ($result->num_rows > 0) {
                    
                    while($row = $result->fetch_assoc()) { 
                    $iddekor=$row['nazevdekoru'];
                    ?>
                
                    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
                    $(document).ready(function(){
                    $("#show<?php echo $iddekor;?>").mouseover(function(){
                        $("il<?php echo $iddekor;?>").show();
                        $("ili<?php echo $iddekor;?>").hide();
                    }); 
                    $("#hide<?php echo $iddekor;?>").mouseleave(function(){
                        $("il<?php echo $iddekor;?>").hide();
                        $("ili<?php echo $iddekor;?>").show();
                    });
                    });
                    </script>
                    
                
                <?php
                
                
    echo "<il".$iddekor." hidden><table width=100% height=320 background='img/dekory/".$iddekor.".png'><tr><td>";
                
                
                echo 
    "</td></tr></table><table width=100%><tr>";
                echo 
    "<td><img width=100% height=100 id='hide".$iddekor."'src='img/dekory/".$iddekor.".png'></td>
                </tr></table></il"
    .$iddekor.">";
                
                
                echo 
    "<ili".$iddekor."><table width=100% height=320 bgcolor=#eee><tr><td>";
                
                echo 
    "</td></tr></table><table width=100%><tr>
                <td><img width=100% height=100 id='show"
    .$iddekor."' src='img/dekory/".$iddekor.".png'></td>
                </tr></table></ili"
    .$iddekor.">";
                }}

  2. Co se právě děje na Webtrhu?
  3. Kód:
    onmouseover="$('table').css({'background-image':'url(...)'});"

Hostujeme u Server powered by TELE3