Autor Zpráva
kesaj
Profil
Zdravím Vás.

V e-shope pod opencart mám pomocou php vytiahnuté určité informácie - v tomto prípade mi to vždy zobrazuje obrázok, ktorý mám nastavený v atribútoch produktu - php kód je:

<?php if ($attribute_groups) { ?>
        
          
         <table class="attribute table table-bordered" >
                <?php foreach ($attribute_groups as $attribute_group) { ?>
                <thead>
                    <tr>
                    <td colspan="2"><?php echo $attribute_group['name']; ?></td>
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($attribute_group['attribute'] as $attribute) { ?>
                    <tr>
                    
                    <td><?php echo $attribute['text']; ?></td>
                    </tr>
                    <?php } ?>
                </tbody>
                <?php } ?>
                </table>                                                
                <?php } ?>

vracia mi to obrázok ako môžete vidieť tu

potrebujem však, aby sa mi tento obrázok zobrazoval po kliknutí na obrázok, ktorý má a href :

<a href=""><img src="image/size_guide_button.png" alt="tabulka"></a>

ako to mám docieliť????

vďaka za pomoc !
rovi
Profil
Nepochopil jsem dotaz. Pardon. Myslel jsem, že chcete docílit výsledku obrázek a před ním mít tag a href...

V tom foreach

echo "<a href=''>" . $tvuj['atribut'] . "</a>";
kesaj
Profil
rovi:

ahoj - celkom nerozumiem, môžeš mi to hodiť do toho kódu?
Tori
Profil
Někam dolů na stránku (pod tu skrývanou tabulku) přidejte
<script>
$('.velkostna_tabulka a').click(function() { 
    $('.velkostna_tabulka table').toggle(); 
    return false;
});</script>
Jestli chcete, aby byla tabulka nejdřív schovaná, tak ještě přidejte $('.velkostna_tabulka table').hide(); (anebo je možné skrýt tabulku pomocí nějaké CSS třídy, ale radši bych použila JS - pokud bude mít zákazník vypnutý JS, tak by se k tabulce velikostí neměl jak dostat).
kesaj
Profil
Tori:
ahoj - to by šlo - len neviem či som tam nespravil nejakú chybu - funguje mi to presne naopak :) tabuľka sa zobrazuje a keď kliknem na obrázok, tak sa skryje - ale po opätovnom kliknutí sa už nezobrazí - posielam pre istotu celý kód na kontrolu:

<!-- VELKOSTNA TABULKA ZACIATOK KODU-->
            <div class="velkostna_tabulka">
            <a href=""><img src="image/size_guide_button.png" alt="tabulka"></a>
            
            
            <?php if ($attribute_groups) { ?>
        
          
         <table class="attribute table table-bordered" >
                <?php foreach ($attribute_groups as $attribute_group) { ?>
                <thead>
                    <tr>
                    <td colspan="2"><?php echo $attribute_group['name']; ?></td>
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($attribute_group['attribute'] as $attribute) { ?>
                    <tr>
                    
                    <td><?php echo $attribute['text']; ?></td>
                    </tr>
                    <?php } ?>
                </tbody>
                <?php } ?>
                </table>                                                
                <?php } ?>
            
            <script>
$('.velkostna_tabulka a').click(function() { 
    $('.velkostna_tabulka table').toggle(); 
    $('.velkostna_tabulka table').hide();
    return false;
});</script>
            
            
            </div>
            <!-- VELKOSTNA TABULKA KONIEC KODU-->


Ďakujem pekne za pomoc !
Tori
Profil
<script>
// nastavení výchozího stavu, aby se tabulka skryla po načtení stránky
$('.velkostna_tabulka table').hide(); 
// reakce na kliknutí
$('.velkostna_tabulka a').click(function() { 
    $('.velkostna_tabulka table').toggle(); 
    return false;
});</script>
kesaj
Profil
Tori:

no výborne, to je úplne skvelé ! Ďakujem pekne za pomoc !

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: