Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML][JavaScript] Skrypt JS on click otwierający kilka divów
BienuSS
post
Post #1





Grupa: Zarejestrowani
Postów: 152
Pomógł: 0
Dołączył: 3.11.2017

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

Witam jak zrobić żeby funkcja ta :

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. 	 <link rel="stylesheet" href="styles.css"/>
  4.  
  5. <script type="text/javascript">
  6. <!--
  7. function pokazAlboUkryj(co) { 
  8.      var obiekt = document.getElementById(co); 
  9.      if (obiekt.style.display == 'block') { 
  10.           obiekt.style.display = 'none'; 
  11.      } else { 
  12.           obiekt.style.display = 'block'; 
  13.      } 
  14. }
  15. -->
  16. </script>
  17.  
  18. </head>
  19. <body>
  20.  
  21. <a href="#add" onclick="pokazAlboUkryj('add'); return false;">
  22.  
  23. <div id="more"><b>+2</b></div></a></a>
  24.  
  25. <div id="add">
  26. </div>
  27.  
  28. <div id="add2">
  29. </div>
  30.  
  31. </body>
  32. </html>
[HTML] pobierz, plaintext


Po kliknieciu wyswietlała div "add" i "add2" powiem odrazu żeby wrzucić te dwa divy do jednego odpada. Po prostu nie sprawdzi sie to na stronie
Z góry dzięki
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
BienuSS
post
Post #2





Grupa: Zarejestrowani
Postów: 152
Pomógł: 0
Dołączył: 3.11.2017

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

Divy najłatwiej jest pozycjonować, to pozamieniać id na klasy czy o co dokładnie Ci chodzi?

Zamiast tego :

[HTML] pobierz, plaintext 
  1. 	<div id="team1">
  2. 						<div id="img-team1"><img src="img/vp.jpg"/></div>
  3. 							<div id="team-1">Virtus Pro</div>
  4. 								<a href=""><div id="kurs-team1">1.69</div></a>
  5. 					</div>
  6.  
[HTML] pobierz, plaintext


Dać to:
[HTML] pobierz, plaintext 
  1. 	<div id="team1">
  2. 						<img src="img/vp.jpg"/>
  3. 							<p>Virtus Pro</p>
  4. 								<a href="">1.69</a>
  5. 					</div>
  6.  
[HTML] pobierz, plaintext


i w css wpisać tak: 

[HTML] pobierz, plaintext 
  1. #team1 
  2. #team1 img
  3. #team1 p
  4. #team 1 a 
[HTML] pobierz, plaintext


?

Ten post edytował BienuSS 4.11.2017, 12:00:50
Go to the top of the page
+Quote Post

Posty w temacie
- BienuSS   [CSS][HTML][JavaScript] Skrypt JS on click otwierający kilka divów   3.11.2017, 17:23:11
- - viking   https://jsfiddle.net/Lpfr9x2e/   3.11.2017, 17:37:26
- - BienuSS   Dzięki wielkie, dokładnie o to mi chodziło. A jesz...   3.11.2017, 18:14:53
- - viking   Dopisz CSS do tego.   3.11.2017, 18:40:58
- - BienuSS   https://jsfiddle.net/Lpfr9x2e/8/ Zamykając tego p...   3.11.2017, 20:03:40
- - viking   Uruchamiasz narzędzia deweloperskie na swojej stro...   3.11.2017, 20:04:29
- - BienuSS   Zrobiłem to z twojego przykładu tylko jak zrobić ż...   3.11.2017, 23:09:49
- - viking   Ja bym ci radził na początek zrobić porządek w sam...   4.11.2017, 07:01:58
- - BienuSS   Divy najłatwiej jest pozycjonować, to pozamieniać ...   4.11.2017, 11:53:36
- - viking   To z czasem przychodzi. Na razie jest za dużo divó...   4.11.2017, 13:01:24

« Następny starszy · Przedszkole · 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: 17.10.2025 - 14:43
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn