Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [AJAX][HTML]wyskakujące okienko dialog tylko dla pierwszego rekordu - dlaczego tak?
casperii
post 22.03.2016, 08:09:07
Post #1





Grupa: Zarejestrowani
Postów: 681
Pomógł: 28
Dołączył: 14.08.2014

Ostrzeżenie: (0%)
-----


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?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 8)
rad11
post 22.03.2016, 08:25:48
Post #2





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Pokaz HTML`a jeszcze.
Go to the top of the page
+Quote Post
IProSoft
post 22.03.2016, 08:50:08
Post #3





Grupa: Zarejestrowani
Postów: 479
Pomógł: 97
Dołączył: 6.09.2011
Skąd: php.net :)

Ostrzeżenie: (0%)
-----


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.


--------------------
Manual prawdę Ci powie.
Go to the top of the page
+Quote Post
casperii
post 23.03.2016, 22:27:42
Post #4





Grupa: Zarejestrowani
Postów: 681
Pomógł: 28
Dołączył: 14.08.2014

Ostrzeżenie: (0%)
-----


@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();



Go to the top of the page
+Quote Post
viking
post 24.03.2016, 07:10:12
Post #5





Grupa: Zarejestrowani
Postów: 6 378
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


Po co się stosuje? Żeby automagicznie bzdury w kodzie poprawiał? IProSoft napisał co masz zrobić.


--------------------
Go to the top of the page
+Quote Post
rad11
post 24.03.2016, 07:25:44
Post #6





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Posłuchaj się kolegów wyżej i zrób to tak jak należy dodaj klasę i po sprawie.
Go to the top of the page
+Quote Post
casperii
post 24.03.2016, 20:29:11
Post #7





Grupa: Zarejestrowani
Postów: 681
Pomógł: 28
Dołączył: 14.08.2014

Ostrzeżenie: (0%)
-----


@rad11 nie bardzo rozumiem co mam zrobić, nie mam robić po ID tylko po np. class="nazwa" ?
Ewentualnie naprowadź mnie proszę.
Go to the top of the page
+Quote Post
rad11
post 24.03.2016, 20:54:33
Post #8





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Pokaż strukturę dla priceWindow i openWindow
Go to the top of the page
+Quote Post
Star
post 24.03.2016, 20:54:49
Post #9





Grupa: Zarejestrowani
Postów: 294
Pomógł: 34
Dołączył: 16.02.2015

Ostrzeżenie: (0%)
-----


tak ,musisz zmienic id na class="PriceWindow"
i potem $(".PriceWindow").dialog({

przyklad https://jsfiddle.net/vLda9jvd/

Ten post edytował Star 24.03.2016, 21:05:47
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 22.06.2025 - 10:29