Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][HTML]wyskakujące okienko dialog tylko dla pierwszego rekordu - dlaczego tak?
Forum PHP.pl > Forum > Przedszkole
casperii
Panowie mam kod:

  1. $(document).ready(function(){
  2.  
  3. $("#OpenWindow").click(function(e){
  4. e.preventDefault();
  5.  
  6. $("#PriceWindow").dialog({
  7. height: 350,
  8. width: 750,
  9. left: 610,
  10. top:50,
  11. hide: "explode",
  12.  
  13. close: function(){}
  14.  
  15. });
  16.  
  17. return false;
  18.  
  19. });
  20. });


wyświetlam sobie kod w pętli while dla wszystkich rekordów mam nadany id="OpenWindow" niestety okienko dialog otwiera się tylko dla pierwszego rekordu. Gdzie tkwi problem panowie?
rad11
Pokaz HTML`a jeszcze.
IProSoft
Cytat(casperii @ 22.03.2016, 08:09:07 ) *
dla wszystkich rekordów mam nadany id="OpenWindow"

Id jest unikalny więc nie możesz nadawać go wszystkim elementom.
casperii
@rad11 kod:
  1. <div style="display:none; font-family:Arial;" id="PriceWindow" title="Cena">
  2. <div id="response"></div>
  3. <br>
  4.  
  5. <div style="float:left; width:700px; margin-top:10px;">
  6. <div style="width:200px; float:left; margin:5px;"><strong>Cena:</strong></div>
  7. <div style="width:490px; float:left;">
  8. <input type="text" value="">
  9. </div>
  10. </div>
  11. </div>



@IProSoft nie mogę się z tobą zgodzić ponieważ po to się stosuje:
e.preventDefault();



viking
Po co się stosuje? Żeby automagicznie bzdury w kodzie poprawiał? IProSoft napisał co masz zrobić.
rad11
Posłuchaj się kolegów wyżej i zrób to tak jak należy dodaj klasę i po sprawie.
casperii
@rad11 nie bardzo rozumiem co mam zrobić, nie mam robić po ID tylko po np. class="nazwa" ?
Ewentualnie naprowadź mnie proszę.
rad11
Pokaż strukturę dla priceWindow i openWindow
Star
tak ,musisz zmienic id na class="PriceWindow"
i potem $(".PriceWindow").dialog({

przyklad https://jsfiddle.net/vLda9jvd/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.