1

我正在做一个网站,我想在其中显示数据库中的产品,当单击产品时,它会打开一个包含更多详细信息的 div(无需刷新页面或转到另一个页面)。

产品库如下所示:

<div class="item_galery">
<?php

    $i=0;
    while($info = mysql_fetch_array( $data )){
        $titulo = $info['titulo'];
        $descr_corta = $info['descr_corta'];
        $img_galeria = $info['img_galeria'];
        $img_detalle = $info['img_detalle'];
        $sub_img1 = $info['sub_img1'];
        $sub_img2 = $info['sub_img2'];
        $sub_img3 = $info['sub_img3'];
        $acabado = $info['acabado'];
        $aux_tamaños = $info['medidas'];
        $tamaños = explode(" ", $aux_tamaños);
        //echo $aux_tamaños.' '.sizeof($tamaños);
        $patron_tornillos = $info['patron_tornillos'];
        $coleccion = $info['coleccion'];

?>          
        <div class="item">      
            <ul><li onclick="mostra_detall(<?php echo $i;?>);"><img alt="" src="<?php echo 'images/llantas/'.$img_galeria; ?>"/></li></ul>
            <ul><li class="descr"><span><?php echo $titulo; ?></span></br><?php echo $acabado; ?></li></ul>
        </div>          

<?php   
        $i++;
    }
?>   

在类项目中,第一个 li 有一个 js 调用函数,应该打开详细信息。此信息如下所示:

<div id="detalle" class="llanta_detalle">
            <img class="foto_gran" src="<?php echo 'images/llantas/'.$img_detalle; ?>">
            <div class="info">
                <div class="cerrar"><ul onclick="tanca_detall(<?php echo $i;?>);"><li><img src="images/llantas/icono_cerrar.jpg"></li><li>CERRAR</li></ul><div class="clear"></div></div>
                <div class="detalle_titol">
                    <ul><li id="titol_llanta" class="titol"><?php echo $titulo; ?></li></ul>
                    <ul><li id="coleccion_llanta" class="coleccion"><?php echo $coleccion; ?></li></ul>
                </div>
                <div class="clear"></div>
                <div class="detalle">       
                    <ul><li class="requadre">ACABADO</li></ul>
                    <ul><li id="acabado_llanta" class="acabado"><?php echo $acabado; ?></li></ul>

                    <ul><li class="requadre">PATRON DE TORNILLOS</li></ul>
                    <ul><li id="tornillos_llanta" class="tornillos"><?php echo $patron_tornillos; ?></li></ul>
                </div>
                <div class="clear"></div>
                <div class="subimagenes"><ul>
                    <li><a id="fancyBox" href="<?php echo 'images/llantas/'.$sub_img1; ?>"><img src="<?php echo 'images/llantas/'.$sub_img1; ?>"></a></li>
                    <li><a id="fancyBox" href="<?php echo 'images/llantas/'.$sub_img2; ?>"><img src="<?php echo 'images/llantas/'.$sub_img2; ?>"></a></li>
                    <li><a id="fancyBox" href="<?php echo 'images/llantas/'.$sub_img3; ?>"><img src="<?php echo 'images/llantas/'.$sub_img3; ?>"></a></li>
                </ul></div>
            </div>
            <div class="clear"></div>
        </div>

我的问题是,当带有详细信息的 div 打开时,我需要从该信息的查询中获取特定信息,因此我需要再次进行查询或其他操作,并且无需刷新页面即可。我怎么能这样做?

谢谢和对不起我的英语

4

1 回答 1

0

我认为你应该为此使用 Jquery。这是一个链接。我现在得去睡觉了,但如果你明天还没有完成,我会帮你的!希望jquery链接对您有所帮助!

于 2013-10-06T22:17:02.517 回答