2013-03-17 2 views
-1

Я хочу сделать JQuery подсказки внутри строки в области повторов
JQuery внутри PHP области повторов

Я сделал это, но когда область повтора происходит, JQuery работает только в первом ряду!

Любой может помочь?

<style type="text/css"> 

/* trigger button */ 
    #download_now { 
    background:transparent url(/media/img/downloadnow.png) no-repeat scroll 0 0; 
    display:block; 
    height:44px; 
    margin: 0 auto; 
    margin-bottom:30px; 
    overflow:hidden; 
    text-indent:-999em; 
    width:159px; 
    cursor:pointer; 
    } 

    /* mouseover state */ 
    #download_now:hover { 
    background-position:0 -44px; 
    } 

    /* clicked state */ 
    #download_now:focus { 
    background-position:0 -88px; 
    } 

    /* tooltip styling */ 
    .tooltip { 
    display:none; 
    background:url(/media/img/tooltip/black_arrow_big.png); 
    height:163px; 
    padding:40px 30px 10px 30px; 
    width:310px; 
    font-size:11px; 
    color:#fff; 
    } 

    /* a .label element inside tooltip */ 
    .tooltip .label { 
    color:yellow; 
    width:35px; 
    } 

    .tooltip a { 
    color:#ad4; 
    font-size:11px; 
    font-weight:bold; 
    } 
</style> 


<style type="text/css"> 
<!-- 
body { 
    background-color: #884509; 
} 
--> 
</style> 

<center> 
<table width="836" border="1"> 
    <tr bgcolor="#999900"> 
    <td width="16">&nbsp;</td> 
    <td width="16">ID</td> 
    <td width="85">EMAIL</td> 
    <td width="85">USERNAME</td> 
    <td width="115">E-CONFIRMED</td> 
    <td width="200">WAITING PASSWORD</td> 
    <td width="163">PASSWORD</td> 
    <td width="104">ACTIVATE</td> 
    </tr> 
    <tr> 
    <?php do { ?> 
     <td height="26" bgcolor="#99FF00"> 
             <? include("../infos.html"); ?> 
             <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script> 
             <script language="javascript"> 
             $("#download_now").tooltip({ effect: 'slide'}).dynamic({ bottom: { direction: 'up', bounce: true } }); 
             </script> 
     </td> 
     <td bgcolor="#99FF00"><?php echo $row_Recordset1['id']; ?></td> 
     <td bgcolor="#99FF00"><?php echo $row_Recordset1['email']; ?></td> 
     <td bgcolor="#99FF00"><?php echo $row_Recordset1['nick']; ?></td> 
     <td bgcolor="#99FF00"><?php echo $row_Recordset1['email_confirmation']; ?></td> 
     <td bgcolor="#99FF00"><?php echo $row_Recordset1['waiting_pass']; ?></td> 
     <td bgcolor="#99FF00"><?php echo $row_Recordset1['pass']; ?></td> 
     <td bgcolor="#99FF00"><form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1"> 
     <table align="center"> 
      <tr valign="baseline"> 
      <td nowrap="nowrap" align="right">Pass:</td> 
      <td><input type="text" name="pass" value="<?php echo htmlentities($row_Recordset1['waiting_pass'], ENT_COMPAT, ''); ?>" size="32" /><br> 
       <input type="text" name="id" value="<?php echo htmlentities($row_Recordset1['id'], ENT_COMPAT, ''); ?>" size="32" /></td> 
      </tr> 
      <tr valign="baseline"> 
      <td nowrap="nowrap" align="right">&nbsp;</td> 
      <td><input type="submit" value="Update record" /></td> 
      </tr> 
      </table> 
     <input type="hidden" name="MM_update" value="form1" /> 
     <input type="hidden" name="id" value="<?php echo $row_Recordset1['id']; ?>" /> 
     </form> 
     </td> 
    </tr> 
     <?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?> 
</table> 
</center> 

Это код выше, пожалуйста, используйте его на локальном компьютере, чтобы проверить его. ПРИМЕЧАНИЕ: я удалил набор записей, если вы хотите, чтобы я включил его, скажите мне.

+0

Без соответствующего кода мы не можем вам помочь. –

+0

Не могли бы вы показать код, который у вас есть? –

+0

Хорошо, дайте мне вторую .. –

ответ

1

Это может помочь, если вы разместили какой-либо код, чтобы показать, что вызывает проблему, но можно предположить, что вы можете попытаться добавить несколько копий javascript-объекта (всплывающую подсказку jQuery), но используя тот же идентификатор для каждого экземпляр ... если это так .. добавьте номер строки в идентификатор подсказки, чтобы сделать имя экземпляра уникальным для строки.

Что говорит ваша консоль отладки, вы ошибаетесь? или Firebug ?? Возможно, вы также можете отправлять сообщения об ошибках.

+0

нет сообщения об ошибке, но всплывающая подсказка работает только в первой строке. Я попробую то, что вы сказали, и я вернусь .. спасибо –

+0

Только что просмотрел код ... Я не знаю jQuery .. но я буду держать пари, что # download-now является подсказкой id ... вы не можете иметь несколько dom-узлов с одним и тем же идентификатором. Если вам нужна только одна подсказка (которую, как вам кажется, предлагает ваш css), вам нужно создать экземпляр за пределами цикла, а затем запустить его в каждой строке ... – Radiotrib

+0

Я изменил его на: ' ' –

Смежные вопросы