login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Accordion menu jquery (Opgelost)

Offline domgoe1414 - 13/08/2010 09:16 (laatste wijziging 13/08/2010 09:51)
Avatar van domgoe1414Nieuw lid Hi,
Ik heb volgende probleem. Ik heb een accordion menu met jquery geplaatst in mijn masterpage (expression web). Deze is als volgt opgebouwd:
Hoofdlink1
Sub1
Sub2
Hoofdlink2
Sub3
Sub4
enz...
De Hoofdlink1 staat open, de rest is dicht.
Als ik op Hoofdlink2 klik schuift hij mooi open en dan kilk ik door naar Sub3.
Deze pagina wordt opgeladen, MAAR dan is Hoofdlink2terug dicht en staat Hoofdlink1 terug open. Ik wi de bezoekers de mogelijkheid geven om direct verder te klikken in hoofdlink2.
Ziehier hieronder mijn javascriptcode:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. 	$(function()
  3. 	{
  4. 		$("dd:not(:first)").hide();
  5. 		$("dt a").click(function()
  6. 			{
  7. 				$("dd").slideUp("slow");
  8. 				$(this).parent("dt").next("dd").slideDown("slow");
  9. 		});
  10.  
  11. 	});
  12.  
  13. </script>

Dank alvast voor uw antwoord.


vinTage schreef:
vinTage was here
..met codetags..^^

9 antwoorden

Gesponsorde links
Offline valles10 - 13/08/2010 09:51
Avatar van valles10 HTML interesse Je wil m.a.w. dat de menu die is opengeklapt, open blijft op de volgende pagina?
Offline domgoe1414 - 13/08/2010 10:22
Avatar van domgoe1414 Nieuw lid ja inderdaad ...
Weet jij hoe dit moet aub?
Offline valles10 - 13/08/2010 10:26 (laatste wijziging 13/08/2010 10:31)
Avatar van valles10 HTML interesse Wel, je moet aan de volgende pagina aangeven dat er geklikt is op DIE link

Je zou dat via de url en dan met $_GET['url'] ofzo kunnen<-- PHP
Je zou dat met een cookie/sessie kunnen<-- cookie KAN met js, cookie/sessie <-- php
Offline domgoe1414 - 13/08/2010 10:36
Avatar van domgoe1414 Nieuw lid bedankt voor je reactie.
Zou je dit kunnen verwerken in mijn javascript code aub? Ik ben niet zo thuis in javascript.
bedankt!
Offline Jelmerholland - 13/08/2010 17:31
Avatar van Jelmerholland PHP beginner Google: Sessions Javascript
Offline valles10 - 13/08/2010 20:29 (laatste wijziging 13/08/2010 20:31)
Avatar van valles10 HTML interesse
Jelmerholland schreef:

Javascript heeft geen sessies, alleen cookies... Je kan wel via AJAX een php pagina laden die daar een sessie aanmaakt...

domgoe1414;
je geeft elk menu een uniek ID. Als er op de menu word geklikt zorg je ervoor dat het ID van het zojuist geklikte menu in de cookie komt, en vervolgens naar de volgende pagina gaat. Op de volgende pagina haal je de inhoud van de cookie op, en laat je m.b.v jquery de menu uitglijden die het id van de cookie bevat.

Ik zal voor jou de code maken en posten, maar ik wil dat je zelf ook eerst eens wat probeert/uitzoekt/opzoekt.

Kun je ook even zeggen of je server PHP ondersteunt?
en mag ik alles wat te maken heeft met dit menu?(css, javascript, html,...)
Offline domgoe1414 - 13/08/2010 20:32 (laatste wijziging 14/08/2010 10:31)
Avatar van domgoe1414 Nieuw lid ok bedankt ik probeer het even ...
Mijn site is nog niet gepubliceerd. Nog geen webhosting bedrijf uitgekozen. Ik heb Visual Studio en expression web geïnstalleerd en zo probeer ik mijn website uit. Ik denk wel dat dit PHP ondergesteund is? IK laat je nog iets weten mocht het gelukt zijn.
De lijst:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="navbar">
  2. <dl>
  3. <dt><a href="#">Hoofdlink1</a></dt>
  4. <dd>
  5. <ul>
  6. <li><a href="#">Sub1</a></li>
  7. <li><a href="#">Sub2</a></li>
  8. </ul>
  9. </dd>
  10. <dt><a href="#">Hoofdlink2</a></dt>
  11. <dd>
  12. <ul>
  13. <li><a href="#">Sub3</a></li>
  14. <li><a href="#">Sub4</a></li>
  15. </ul>
  16. </dd>
  17. <dt><a href="#">Hoofdlink3</a> </dt>
  18. <dd>
  19. <ul>
  20. <li><a href="#">Sub5</a></li>
  21. <li><a href="#">Sub6</a></li>
  22. </ul>
  23. </dd>
  24. </dl>
  25.  
  26. CSS:
  27. #navbar li {
  28. 	padding-top: 4px;
  29. 	border-top-style: dotted;
  30. 	border-top-width: 1px;
  31. 	border-top-color: #2D741E;
  32. 	padding-bottom: 4px;
  33. 	padding-left: 5px;
  34. }
  35. dt a {
  36. 	font-family: Arial, Helvetica, sans-serif;
  37. 	font-size: 13px;
  38. 	text-decoration: none;
  39. 	background-color: #2D741E;
  40. 	color: #FFFFFF;
  41. 	display: block;
  42. }
  43. dl, dt, dd, ul, li {
  44. 	padding: 0px;
  45. 	margin: 0px;
  46. 	list-style-type: none;
  47. 	font-family: Arial, Helvetica, sans-serif;
  48. 	font-size: 13px;
  49. }
  50. #navbar li a:hover {
  51. 	text-decoration: none;
  52. 	color: #2D741E;
  53. 	background-color: #CCFF99;
  54. 	display: inline-block;
  55. 	font-family: Arial, Helvetica, sans-serif;
  56. 	font-size: 13px;
  57. }
  58. #navbar li a {
  59. 	text-decoration: none;
  60. 	color: #2D741E;
  61. 	font-family: Arial, Helvetica, sans-serif;
  62. 	font-size: 13px;
  63. }
  64. #navbar {
  65. 	margin: 10px 5px 5px 10px;
  66. 	width: 200px;
  67. 	float: left;
  68. 	font-family: Arial, Helvetica, sans-serif;
  69. 	color: #2D741E;
  70. }
  71.  
  72. Javascript:
  73. <script src="jquery.js" type="text/javascript"></script>
  74. <script type="text/javascript">
  75. $(function()
  76. 	{
  77. 		$("dd:not(:first)").hide();
  78. 		$("dt a").click(function()
  79. 			{
  80. 				$("dd").slideUp("slow");
  81. 				$(this).parent("dt").next("dd").slideDown("slow");
  82. 		});
  83.  
  84. 	});

Mvg, Domgoe1414

vinTage schreef:
vinTage was hier WEER met code tags!!! 
Offline valles10 - 13/08/2010 20:51
Avatar van valles10 HTML interesse het cookie gedeelte in javascript is moeilijk zie ik zojuist, ik gebruik hier meestal php voor... Jij zal zonder wamp server voorlopig ook geen php kunnen gebruiken. Als je een betalende host gaat nemen, zal je 90% kans wel php 'ondergesteund' hebben 

ik post vanavond of morgen het scriptje, heb nu geen tijd.
Bedankt door: domgoe1414
Offline domgoe1414 - 16/08/2010 12:58
Avatar van domgoe1414 Nieuw lid is in orde ... heb een manier gevonden, zonder cookies te gebruiken. Alvast bedankt voor de moeite. 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.191s