Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery]Pobieranie id div'a i porównanie z aktualną datą
sliderr
post
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 14.02.2007
Skąd: radom

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

Na potrzeby mini strony staram się stworzyć pewien skrypt.

Jak ma działać w założeniu:
- Strona odświeża się co określony czas
- Sprawdzana jest aktualna data w formacie dzień.miesiąc.rok.godzina.minuty
- Ze strony chciałbym pobierać id pierwszego diva w containerze
- Następnie id tego diva miałoby być porównane z aktualną datą i jeśli są takie same div miałby być usunięty.

Na czym polega mój problem? Nie mogę zwrócić id div'a pobranego ze strony. Testując co zostało pobrane alert wyrzuca mi "undefinied".

Jeśli napiszę samo pobieranie w tej formie jak w kodzie poniżej to wyrzuca poprawne id, ale div'a "najniżej", a nie pierwszego. Pobieranie id z div

Jeśli ktoś byłby w stanie mi pomóc, aby:
- dało się porównywać aktualną datę z id pierwszego div containerze
- zmienić usuwanie div'a tak, aby nie trzeba było podawać jego id, ponieważ docelowo tych divów chciałbym, aby było dość sporo.

Z góry dzięki jeśli ktoś cokolwiek podpowie.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <script src="http://code.jquery.com/jquery-latest.js"></script>
  7. <script type="text/javascript">
  8.  
  9. setInterval("moja_funkcja();",3000); 
  10.  
  11. var aktualna;
  12.  
  13.  
  14. function clock() {
  15.    var now = new Date();
  16.    var outStr = now.getUTCDate()+'.'+ now.getUTCMonth()+'.'+ now.getFullYear()+'.'+ now.getHours()
  17.  
  18. +':'+now.getMinutes();
  19.    aktualna = document.getElementById('clockDiv').innerHTML=outStr;
  20.    setTimeout('clock()',1000);
  21. }
  22. clock();
  23.  
  24. var zestrony;
  25.  
  26. $("#container").children().each(function(n, i) {
  27.   var id = this.id;
  28.     zestrony = id;
  29.  
  30. });
  31.  
  32.  
  33.  
  34. function moja_funkcja() {
  35. 	alert(zestrony);
  36. 	if (ids==aktualna){
  37. 	$('div').remove('.29.6.2013.14:47');
  38. 	}
  39. }
  40.  
  41. </script>
  42. </head>
  43.  
  44. <body onload="clock();">
  45. <div id="clockDiv"></div>
  46. <div id="container">
  47. <div id="29.6.2013.14:47">29.6.2013.14:47</div>
  48. <div id="inny">Inny</div>
  49. </div>
  50. </body>
  51. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
IProSoft
post
Post #2





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

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

Jeśli ma to być pierwszy div to zamiast:
[JAVASCRIPT] pobierz, plaintext 
  1. var zestrony;
  2.  
  3. $("#container").children().each(function(n, i) {
  4. var id = this.id;
  5. zestrony = id;
  6.  
  7. });
[JAVASCRIPT] pobierz, plaintext


użyj:

[JAVASCRIPT] pobierz, plaintext 
  1.  
  2. var zestrony = $("#container div:first-child").attr('id');
  3.  
[JAVASCRIPT] pobierz, plaintext


Ten post edytował IProSoft 29.07.2013, 16:28:08
Go to the top of the page
+Quote Post

Posty w temacie
- sliderr   [jQuery]Pobieranie id div'a i porównanie z aktualną datą   29.07.2013, 16:17:00
- - IProSoft   Jeśli ma to być pierwszy div to zamiast: [JAVASCRI...   29.07.2013, 16:27:44
- - sliderr   Dzięki iProSoft za podpowiedź, pomogło Popisałem...   30.07.2013, 06:59:46

« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 4.10.2025 - 22:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn