login  Naam:   Wachtwoord: 
Registreer je!
 Forum

text tevoorschijn laten komen als optie aangevinkt is

Offline kilian - 21/07/2007 15:49
Avatar van kilianLid Zoals de titel al doet vermoeden, wil ik iets (best met javascript denk ik) dat als je een bepaalde optie aanduid, er een extra vraag komt. Ik heb na een beetje zoeken dit gevonden, maar dat doet het niet in alle browsers. Ik wil dus iets dat overal werkt. Weten jullie zoiets?

4 antwoorden

Gesponsorde links
Offline Stijn - 21/07/2007 18:47
Avatar van Stijn PHP expert Zet volgende code eens in de head tags:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript">
  2. function hideshow( id )
  3. {
  4.     style = document.getElementById( id ).style;
  5.     if( style.display == 'none' ) {
  6.         style.display = 'block';
  7.     } else {
  8.         style.display = 'none';
  9.     }
  10. }
  11. </script>

En dan voor het gebruik:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <body>Ben je jarig vandaag? 
  2. <input type="radio" name="jarig" value="ja" onclick="javascript:hideshow('jarig_ja');" /> Ja
  3. <input type="radio" name="jarig" value="nee" onclick="javascript:hideshow('jarig_nee');" /> Nee
  4. <br>
  5. <div id="jarig_ja" style="display:none;">Proficiat!!!</div>
  6. <div id="jarig_nee" style="display:none;">Wanneer ben je jarig?</div>
  7. </body>
Offline gothmog - 21/07/2007 18:48
Avatar van gothmog Lid Zelf vind ik deze manier het makkelijkst:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <select name="blabla" onchange="window.location='index.php?pag=zoeken&iets=' + this.form.elements['blabla'].value">
  2.   <option>nogwag</option>
  3. </select>
  4.  
  5. <?php
  6. if($_GET['iets'])
  7. {
  8. //ehco het volgende savvey?
  9. }
Offline kilian - 21/07/2007 23:57 (laatste wijziging 22/07/2007 11:21)
Avatar van kilian Lid Bedankt, zal ik zeker iest mee kunnen doen. Maar eerst nu slapen!

--edit--
Ik heb Stijn zijn ding genomen, aangezien ik bij het andere al mijn reeds ingevulde gegevens verloren laat gaan.

--weer edit--
Als ik met Stijn zijn ding iets aanvink, en ik vink vervolgens de andere optie aan, dan verdwijnt het eeste niet, en komt het 2de eronder. Dan krijg ik beide stukjes text te zien. Hoe kan ik dat oplossen?
Offline JBke - 22/07/2007 12:56
Avatar van JBke PHP gevorderde ik gebruik een microapi met dank aan Quircksmode.

2 mogelijkheden:

als je zelfde knopje wil gebruiken voor openen en sluiten:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. this.Obj;
  2. function getObj (name)
  3. {
  4. 	if (document.getElementById) {
  5. 		this.obj = document.getElementById(name);
  6. 		this.style = document.getElementById(name).style;
  7. 	}
  8. 	else if (document.all) {
  9. 		this.obj = document.all[name];
  10. 		this.style = document.all[name].style;
  11. 	}
  12. 	else if (document.layers) {
  13. 		this.obj = document.layers[name];
  14. 		this.style = document.layers[name];
  15. 	}
  16. }
  17.  
  18. function init1 () {
  19. 	_msg1 = new getObj ('ubb');
  20. 	_msg1.obj.onclick = function () { return flip_text ('i_ubb'); };
  21. }
  22. function init2 () {
  23. 	_msg2 = new getObj ('smiley');
  24. 	_msg2.obj.onclick = function () { return flip_text ('i_smiley'); };
  25. }
  26.  
  27. function flip_text (msg) {
  28.     var id = new getObj (msg);
  29.     var status = (id.style.display == 'none') ? 'block' : 'none'; // deze constructie is van Peter Paul Koch: www.quirksmode.org
  30.     id.style.display = status;
  31. 	return false;
  32. }
  33.  
  34. var eerste_formveld;
  35.  
  36. function init3 () {
  37. 	eerste_formveld = new getObj ('onderwerp');
  38.     eerste_formveld.obj.focus ();
  39. }
  40.  
  41. var pic1 = 'http://www.jb-web.net/scripts/php/UBB2/images/tick.png';
  42. var pic2 = 'http://www.jb-web.net/scripts/php/UBB2/images/cross.png';
  43.  
  44. function changePic(name)
  45. {
  46. 	if( document.images[ name ].src == pic1) {
  47.         document.images[ name ].src = pic2; 
  48.     } else {
  49.         document.images[ name ].src = pic1;
  50.     }
  51.  
  52. }
  53.  
  54.  
  55. /*************************************************************
  56. * Window Onload Manager (WOM) v1.0
  57. * Author: Justin Barlow - www.netlobo.com
  58. *
  59. * Description:
  60. * The WOM library of functions allows you to easily call
  61. * multiple javascript functions when your page loads.
  62. *
  63. * Usage:
  64. * Add functions to WOM using the womAdd() function. Pass the
  65. * name of your functions (with or without parameters) into
  66. * womAdd(). Then call womOn() like this:
  67. *     womAdd('hideDiv()');
  68. *     womAdd('changeBg("menuopts","#CCCCCC")');
  69. *     womOn();
  70. * WOM will now run when your page loads and run all of the
  71. * functions you have added using womAdd()
  72. *************************************************************/
  73. /*************************************************************
  74. * The womOn() function will set the window.onload function to
  75. * be womGo() which will run all of your window.onload
  76. * functions.
  77. *************************************************************/
  78. function womOn(){
  79.   window.onload = womGo;
  80. }
  81. /*************************************************************
  82. * The womGo() function loops through the woms array and
  83. * runs each function in the array.
  84. *************************************************************/
  85. function womGo(){
  86.   for(var i = 0;i < woms.length;i++)
  87.     eval(woms[i]);
  88. }
  89. /*************************************************************
  90. * The womAdd() function will add another function to the woms
  91. * array to be run when the page loads.
  92. *************************************************************/
  93. function womAdd(func){
  94.   woms[woms.length] = func;
  95. }
  96. /*************************************************************
  97. * The woms array holds all of the functions you wish to run
  98. * when the page loads.
  99. *************************************************************/
  100. var woms = new Array();
  101.  
  102. womAdd('init1()');
  103. womAdd('init2()');
  104. womAdd('init3()');
  105. womOn();


aanroep:
html code - Bekijk de code zonder highlighting - Klap code in 
  1. <a id="ubb" href="#" onMouseOver="hideurl(); return true;"><img width="22" height="22" src="http://www.jb-web.net/scripts/php/UBB2/images/tick.png" alt="" style="vertical-align: middle; border-style: none" onclick="changePic('ubb')" name="ubb" /></a>

  2. 										</td>

  3. 									</tr>

  4. 									<tr>

  5. 										<td align="center">

  6. 											<div id="i_ubb" style="display: none;">



en indien 2 knopjes bvb on en off:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. // JavaScript Document
  2. // met dank aan Peter Paul Koch - http://www.quirksmode.org
  3.  
  4.  
  5. function getObj (name)
  6. {
  7. 	if (document.getElementById) {
  8. 		this.obj = document.getElementById(name);
  9. 		this.style = document.getElementById(name).style;
  10. 	}
  11. 	else if (document.all) {
  12. 		this.obj = document.all[name];
  13. 		this.style = document.all[name].style;
  14. 	}
  15. 	else if (document.layers) {
  16. 		this.obj = document.layers[name];
  17. 		this.style = document.layers[name];
  18. 	}
  19. }
  20.  
  21. var _shaon, _shaoff, _shadepth;
  22.  
  23. function shadowpopup () {
  24. 	_shaon = new getObj ('sha_on');
  25. 	_shaoff = new getObj ('sha_off');
  26. 	_shadepth = new getObj ('sha_depth');
  27.  
  28. 	_shaon.obj.onclick = make_visible_shadowpopup;
  29. 	_shaoff.obj.onclick = make_invisible_shadowpopup;
  30. }
  31.  
  32. function make_visible_shadowpopup () {
  33. 	_shadepth.obj.className = 'visible';
  34. }
  35.  
  36. function make_invisible_shadowpopup () {
  37. 	_shadepth.obj.className = 'invisible';
  38. }
  39.  
  40. window.onload = shadowpopup;


met css:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. /* CSS Document */
  2.  
  3. .visible {
  4. 	display: block;
  5. }
  6. .invisible {
  7. 	display: none;
  8. }


aanroep:
html code - Bekijk de code zonder highlighting - Klap code in 
  1. <p id="sha_depth" class="invisible">

  2.         	Bovenliggende schaduw: 

  3. 			1<input type="radio" name="shadowdepth" value="1" />

  4. 			2<input type="radio" checked="checked" name="shadowdepth" value="2" />

  5. 			3<input type="radio" name="shadowdepth" value="3" />

  6. 			4<input type="radio" name="shadowdepth" value="4" />

  7. 			Onderliggende schaduw:

  8. 			-1<input type="radio" name="shadowdepth" value="-1" />

  9. 			-2<input type="radio" name="shadowdepth" value="-2" />

  10. 			-3<input type="radio" name="shadowdepth" value="-3" />

  11. 			-4<input type="radio" name="shadowdepth" value="-4" />

  12. 			<br />

  13. 			Schaduwkleur (standaard= Grijs): <input type="text" name="shadowcolor" size="20" value=""> <a href="#" onClick="cp.select(document.forms[0].shadowcolor,'pick');return false;" name="pick" id="pick">Kiezen</a>

  14. 		</p>


hopleijk kan je hier wat mee. bekijk de code eens goed en probeer gewoon wat uit. De worm is om meerdere window.onload inits te kunnen doen.

[edit]srry voor de code hier maar geraak blijkbaar even niet op plaatscode[/edit]
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.198s