Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] ukrywanie "SearchBox" i/lub "link"
czezz
post
Post #1





Grupa: Zarejestrowani
Postów: 141
Pomógł: 0
Dołączył: 24.07.2003

Ostrzeżenie: (10%)
X----


Witam,
wiem, że za pomocą JavaScript można ukryć niektóre elementy strony.
Czy mogę poprosić kogoś o przykład na poniższym kodzie ?

Chciałbym ukryć "search box" i/lub link: "Advanced search"
Próbowałem wykonać coś takiego:

document.getElementsByClassName("searchContainer").style.display = 'none' oraz document.getElementById("searchContainer").style.display = 'none'
W obu przypadkach nic to jednak nie pomagało.
Być może funkcja jest OK, tylko trzeba coś jeszcze dodać ?

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2.  
  3. </head>
  4. <form method="get" action="arenden_sok.asp?boid=1" target="main" name="search" ID="Form1" onsubmit="java script:DispActionIcon(1);">
  5. <input type="hidden" name="boid" value="1" ID="Hidden1">
  6. <table class="searchContainer" width="100%">
  7. <tr>
  8. <td></td>
  9. <td><input type="search" placeholder="Search case" name="sokord" ID="Text1" style="width:120px;" class="input"></td>
  10. </tr>
  11. <table class="meny">
  12.  
  13. <tr>
  14. <td><a class="img" href="arenden_meny.asp?boid=1&avsok=0" ><img src="/common/images/1.gif" border="0"></a></td>
  15. <td><a href="arenden_meny.asp?boid=1&avsok=0" onclick="parent.frames.main.location='/admin/arenden_avsok.asp?boid=1'">Advanced search</a></td>
  16. </tr>
  17.  
  18. <tr>
  19. <td><img src="/common/images/dot.gif" border="0"></td>
  20. <td><a href="/common/arenden.asp?boid=1" target="main">View</a></td>
  21. </tr>
  22. <tr>
  23. <td><img src="/common/images/dot.gif" border="0"></td>
  24. <td><a href="arenden_installningar.asp?boid=1" target="main">Options</a></td>
  25. </tr>
  26.  
  27. </form>
  28. </body>
  29. </html>


Ten post edytował czezz 10.08.2015, 16:27:00
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
czezz
post
Post #2





Grupa: Zarejestrowani
Postów: 141
Pomógł: 0
Dołączył: 24.07.2003

Ostrzeżenie: (10%)
X----


Bardzo dziękuję za odpowiedź.
Obia podane przykłady działają świetnie na podanym przykładowym kodzie html.

Jeśli jednak, spróbuję wykonać tą samą operację na pełnym kodzie na moim serwerze, używając w Firefox: F12 > console >

  1. document.getElementsByClassName("searchContainer")[0].style.display = 'none';
  2. TypeError: document.getElementsByClassName(...)[0] is undefined


  1. document.querySelector(".searchContainer").style.display = 'none';
  2. TypeError: document.querySelector(...) is null


W pierwszym przypadku coś jest niezdefiniowane a w drugim ma wartość zerową. O czym zapomniałem ?

Ten post edytował czezz 10.08.2015, 23:04:22
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 11.10.2025 - 13:10