login  Naam:   Wachtwoord: 
Registreer je!
 Forum

td hiden/showen

Offline Ultimatum - 06/11/2006 21:52
Avatar van UltimatumPHP expert Ik heb nu iets gevonden waardoor ik een div kan laten zien of niet maar heb het nu een td gedaan alleen lukt het op het begin goed maar als hij dan laten zien dan gaat het de mist in, hier 2 screens:

voor
http://img70.imageshack.us/img70/1641/voorqm8.jpg
na
http://img70.imageshack.us/img70/3897/nalu6.jpg

Zoals je ziet komt de titel dus helemaal rechts terwijl hij gewoon moeten blijven staan:

Dit is wat je op de screens ziet:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. $select = "SELECT * FROM contact WHERE nieuw = 1";
  2.  
  3. 					if(!$query = mysql_query($select))
  4. 					{
  5. 						echo MySQL_Error_Report(mysql_error(), mysql_errno(), __FILE__, __LINE__, $select);
  6. 					    $form = true;
  7. 					} 
  8. 					else
  9. 					{
  10. 				?>
  11. 						<table cellpadding='0' cellspacing='0' style='border: 1px #c0bdbd solid'>
  12. 							<tr>
  13. 								<td colspan='2' style='text-align: center; background-color: #dce0d2'>Alle <b>ongelezen</b> berichten:</td>
  14. 							</tr>
  15. 							<tr>
  16. 								<td style='width: 100px; background-color: #c9d5af'><i>Acties:</i></td>
  17. 								<td style='width: 300px; background-color: #c9d5af'><i>Onderwerp:</i></td>
  18. 							</tr>					
  19. 				<?php						
  20. 						if(mysql_num_rows($query) == 0)
  21. 						{
  22. 					?>
  23. 							<tr>
  24. 								<td colspan='2'>Er zijn nog geen nieuwe emails</td>
  25. 							</tr>
  26. 					<?php
  27. 						}
  28. 						else
  29. 						{
  30. 							$i = 0;
  31.  
  32. 							while($arr = mysql_fetch_array($query))
  33. 							{
  34. 								$color = ($i++ % 2) ? '#c9d5af' : '#dce0d2'; 
  35. 						?>
  36. 							<tr>
  37. 								<td style='width: 100px; background-color: <?= $color ?>'>
  38. 									<a href="#" onclick="showorhide('nr_<?= $arr['contactid'] ?>');"><img src='./images/icons/email.gif' alt='' /></a>
  39. 								</td>
  40. 								<td style='width: 430px; background-color: <?= $color ?>'><?= '[' .$arr['categorie'] . '] <b> ' . uit($arr['onderwerp']) . ' </b> door ' . uit($arr['naam']) ?></td>
  41. 							</tr>
  42. 							<tr>
  43. 								<td style='width: 530px; background-color: <?= $color ?>; display: none' colspan='2' id='nr_<?= $arr['contactid'] ?>'><?= uit($arr['bericht']) ?></td>
  44. 							</tr>
  45. 						<?php
  46. 							}
  47. 						}
  48. 				?>
  49. 						</table>


Dit is de javascript:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. function showorhide(id) 
  2. {
  3. 	if (document.getElementById(id).style.display == "none") 
  4. 	{
  5. 		document.getElementById(id).style.display = "block";
  6. 	} 
  7. 	else 
  8. 	{
  9. 		document.getElementById(id).style.display = "none";
  10. 	}
  11. }

4 antwoorden

Gesponsorde links
Offline Thomas - 07/11/2006 10:15
Avatar van Thomas Moderator Ik denk dat je display = "inline" moet gebruiken?
Een <td> is geen / hoeft namelijk geen block-level element te zijn, en in dit geval is het ook niet als zodanig bedoeld?

Wat trouwens logischer zou zijn (denk ik), is dat je de hele rij toont of verbergt, in plaats van de cel. Dan kun je wel rustig "block" gebruiken, omdat je binnen een tabel niet meerdere rijen naast elkaar kunt hebben (dit zou dan "inline" zijn).

Probeer eens het een en ander uit.

Als dit geen van alle werkt zul je een complete tabel in een div moeten zetten, en dan toon of verberg je de div - dat zal altijd werken.
Offline Ultimatum - 07/11/2006 17:29 (laatste wijziging 08/11/2006 15:37)
Avatar van Ultimatum PHP expert Wat ik wilde is dus als je op een icoontje klikt de tekst die erbij hoort dan verschijnt en nog een keer dat hij verdwijnt, maar allebei je oplossingen werken niet 

maar het is dus niet mogelijk wat ik wil of moet ik het dan helemaal ombouwen, want ik het ook geprobeerd dat het in een tabel stond (de tekst) en dan die hidden, maar toen ging me layout flippen 
Offline Thomas - 08/11/2006 15:53
Avatar van Thomas Moderator Het is zeker wel mogelijk.
Maar blijkbaar niet op de manieren die jij hebt geprobeerd .
Offline Ultimatum - 08/11/2006 15:57 (laatste wijziging 08/11/2006 16:27)
Avatar van Ultimatum PHP expert Oke, wat ik bedoelde is.. kan het met tabellen lukken of moet ik echt op divs overstappen?

edit Nevermind, ik heb nu wel tabellen gebruikt om de tekst en het is nu wel gelukt 

Ik heb nog ewel een vraag, hoe kan ik zorgen dat als ik op een icoontje klik en dan hij die tekst laat zien, ik een veld in de database laat updaten? Hoe weet data ding wanneer hij moet updaten?

Mocht iemand hetzelfde probleem heben

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <table cellpadding='0' cellspacing='0' style='border: 1px #c0bdbd solid'>
  2. 							<tr>
  3. 								<td colspan='2' style='text-align: center; background-color: #dce0d2'>Alle <b>gelezen</b> berichten:</td>
  4. 							</tr>
  5. 							<tr>
  6. 								<td style='width: 100px; background-color: #c9d5af'><i>Acties:</i></td>
  7. 								<td style='width: 300px; background-color: #c9d5af'><i>Onderwerp:</i></td>
  8. 							</tr>					
  9. 				<?php						
  10. 						if(mysql_num_rows($query) == 0)
  11. 						{
  12. 					?>
  13. 							<tr>
  14. 								<td colspan='2'>Er zijn geen gelezen berichten</td>
  15. 							</tr>
  16. 					<?php
  17. 						}
  18. 						else
  19. 						{
  20. 					?>
  21. 							<tr>
  22. 								<td colspan='2'>
  23. 					<?php
  24. 							$i = 0;
  25.  
  26. 							while($arr = mysql_fetch_array($query))
  27. 							{
  28. 								$color = ($i++ % 2) ? '#c9d5af' : '#dce0d2'; 
  29. 						?>
  30. 								<table cellpadding='0' cellspacing='0' style='background-color: <?= $color ?>'>
  31. 									<tr>
  32. 										<td style='width: 100px; background-color: <?= $color ?>'>
  33. 											<a href="#" onclick="showorhide('nr_<?= $arr['contactid'] ?>');"><img src='./images/icons/email.gif' alt='' /></a>
  34. 											<a href='#' onclick="verwijder('?p=admin/admin&amp;menu=contact&amp;mod=contact&amp;act=verwijder&amp;id=','?p=admin/admin&amp;menu=contact&amp;mod=contact&amp;act=gelezen','<?= $arr['contactid'] ?>', 'Weet u zeker dat u dit email bericht wilt verwijderen?')"><img src='./images/icons/delete_mail.gif' alt='' /></a>
  35. 										</td>	
  36. 										<td style='width: 430px; background-color: <?= $color ?>'>
  37. 											<?= '[' .$arr['categorie'] . '] <b> ' . uit($arr['onderwerp']) . ' </b> door ' . uit($arr['naam']) ?>
  38. 										</td>										
  39. 									</tr>
  40. 								</table>	
  41.  
  42.  
  43. 								<table cellpadding='0' cellspacing='0' style='background-color: <?= $color ?>; display: none' id='nr_<?= $arr['contactid'] ?>'>
  44. 									<tr>
  45. 										<td style='width: 100px'>&nbsp;</td>
  46. 										<td style='width: 430px; background-color: <?= $color ?>'><?= uit($arr['bericht']) ?></td>	
  47. 									</tr>
  48. 								</table>											
  49. 						<?php
  50. 							}
  51. 					?>
  52. 								</td>
  53. 							</tr>
  54. 					<?php							
  55. 						}
  56. 				?>
  57. 						</table>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.211s