java - Vis/Skjul - Udvikleren.dk - Programmering, webdesign og grafik

Tags: java

Bruger #13210 @ 25.01.10 18:52

Hej,

Jeg har dette php script:

Kode

class shop {
 public function kategori() {
    $q = "SELECT * FROM shop_kategori ORDER BY id DESC";
    $r = mysql_query($q);
	$a = mysql_fetch_assoc($r);
		 ?>	
            	<div id="boxheaderkat">
                <p id="boxhtkat">Kategorier</p>
                </div>
                <div id="boxindholdkat">
                <ul id="boxkatul">
                    	<? while ($a = mysql_fetch_assoc($r)) { 
						if ($a['supkat'] == NULL) { 
						?>
						<li class="boxlinkkat"><a href="javascript://" onclick="showhide('sublinks');"><? echo $a['navn'];  ?></a></li>
                        <?
						
						?>
                        <ul id="boxkatulsub">
                        <? 
						$q2 = "SELECT * FROM shop_kategori where supkat = \"$a[id]\"  ORDER BY id ASC";
   						$r2 = mysql_query($q2);
						$a2 = mysql_fetch_assoc($r2);
						do { ?>
                        <li id="sublinks" class="boxlinkkat"><a href="<? echo $a2['id']; ?>"><? echo $a2['navn'];  ?></a></li>
                        <? }while ($a2 = mysql_fetch_assoc($r2)) ?>
                        </ul>
                        <? } } ?>
                    </ul>
                </div>	
		<? 
	   
  }
 
}
?>

Dette er mit javascript:

Kode

<script language="javascript"> 
var state = 'hidden'; 

function showhide(layer_ref) { 

if (state == 'visible') { 
state = 'hidden'; 
} 
else { 
state = 'visible'; 
} 
if (document.all) { //IS IE 4 or 5 (or 6 beta) 
eval( "document.all." + layer_ref + ".style.visibility = state"); 
} 
if (document.layers) { //IS NETSCAPE 4 or below 
document.layers[layer_ref].visibility = state; 
} 
if (document.getElementById && !document.all) { 
maxwell_smart = document.getElementById(layer_ref); 
maxwell_smart.style.visibility = state; 
} 
} 
//--> 
</script>

Problemet ligger i at når jeg trykker så den skal vise det usynelige så er det kun et af linksne der bliver synlige. Dvs. er der to links som skal være synlige er det kun det første der bliver det. Hvad er der galt?

10 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #14645 @ 25.01.10 19:06

806

Kan gætte mig frem til den ikke gør det ønskede men hvad sker der i stedet?
Vil også gerne se siden efter den er blevet kørt gennem php.
Hvad har det med Java at gøre?

Indlæg senest redigeret d. 25.01.2010 19:07 af Bruger #14645

Bruger #13363 @ 30.01.10 11:21

160

Okay. Prøver lige at rette i dit script så

Kode

<?php
class shop {
 public function kategori() {
    $q = "SELECT * FROM shop_kategori ORDER BY id DESC";
    $r = mysql_query($q);
	$a = mysql_fetch_assoc($r);
		 ?>	
            	<div id="boxheaderkat">
                <p id="boxhtkat">Kategorier</p>
                </div>
                <div id="boxindholdkat">
                <ul id="boxkatul">
                    	<? while ($a = mysql_fetch_assoc($r)) { 
						if ($a['supkat'] == NULL) { 
						?>
						<li class="boxlinkkat"><a href="javascript://" onclick="showhide('sublinks');"><? echo $a['navn'];  ?></a></li>
                        <?
						
						?>
                        <div id="sublinks">
                        <ul id="boxkatulsub">
                        <? 
						$q2 = "SELECT * FROM shop_kategori where supkat = \"$a[id]\"  ORDER BY id ASC";
   						$r2 = mysql_query($q2);
						$a2 = mysql_fetch_assoc($r2);
						do { ?>
                        <li id="sublinks" class="boxlinkkat"><a href="<? echo $a2['id']; ?>"><? echo $a2['navn'];  ?></a></li>
                        <? }while ($a2 = mysql_fetch_assoc($r2)) ?>
                        </ul>
                        </div> 
                        <? } } ?>
                    </ul>
                </div>	
		<? 
	   
  }
 
}
?>

Bruger #13669 @ 25.01.10 19:06

Kan godt være fordi jeg ikke er så meget inde i php at jeg ikke lige kan se det udfra koden, men du snakker om en "den" og "linksne". har ingen ide om hvad du mener.

Vis du nu skrev hvad koden burde gøre og hvad den gør istedet for, kan det være der er flere der kan hjælpe. Desuden er posten skrevet i det forkerte forum.

Java er IKKE det samme som javascript.

Indlæg senest redigeret d. 25.01.2010 19:06 af Bruger #13669

Bruger #13210 @ 25.01.10 20:53

Hej,

Ja nu har jeg lavet alt om til ren html:

Kode

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 

"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; 

charset=utf-8"> 
<title>Hide and Show Javascript Code</title> 
<script language="javascript"> 
<!-- 
// PLEASE DO NOT REMOVE THIS. THANKS 
// FIND GREATE JAVASCRIPT CODES AT http://www.wallpaperama.com 
var state = 'hidden'; 

function showhide(layer_ref) { 

if (state == 'visible') { 
state = 'hidden'; 
} 
else { 
state = 'visible'; 
} 
if (document.all) { //IS IE 4 or 5 (or 6 beta) 
eval( "document.all." + layer_ref + ".style.visibility = 

state"); 
} 
if (document.layers) { //IS NETSCAPE 4 or below 
document.layers[layer_ref].visibility = state; 
} 
if (document.getElementById && !document.all) { 
maxwell_smart = document.getElementById(layer_ref); 
maxwell_smart.style.visibility = state; 
} 
} 
//--> 
</script> 
</head> 

<body> 
<h1>Hide and Show Javascript Code by <a 

href="http://www.wallpaperama.com">Wallpaperama.com</a></h1><hr

> 
<p> </p> 
<!-- HIDDEN INFORMATION TO BE SHOWN ONCLICK --> 
<div id="agent99" style="position:absolute; top:103px; 

left:153px; 
visibility:hidden;"> 
<H1>Wallpaperama Rocks!!</H1> 
</div> 
<div id="agent99" style="position:absolute; top:103px; 

left:153px; 
visibility:hidden;"> 
<H1>Wallpaperama Rocks!!</H1> 
</div> 
<!-- END - HIDDEN INFORMATION TO BE SHOWN ONCLICK --> 
<p> </p> 
<p><a href="javascript://" onclick="showhide('agent99');">click 

me</a> to see my content! 
</p> 
<p> </p> 
<p align="center">Find Great Web Hosting For Your Site At <a 

href="http://www.webune.com">Webune.com</a> </p> 
</body> 
</html>

Script er taget fra en hjemmeside. Men det der sker er at når man klikker på link om at den skal vise begge divs (agent99) men den viser kun den ene af dem

Bruger #13363 @ 27.01.10 21:49

160

Jeg går ud fra at du bare vil have at du kan vise og skjule noget kode ved at trykke på et element eller link

Javascript
Dette script finder ud af om et element har display stylet none eller block, for at finde ud af om det skal vises eller skjules.

JScript kode

 <script type=text/javascript
 function showhide(who) {
         if (document.getElementById(who).style.display == 'none'){
                 document.getElementById(who).style.display = 'block';
         } else {
                 document.getElementById(who).style.display = 'none';
         }
 }
 </script>

Nu kan du bruge f.eks. div-tags med display-style for at vise eller skjule hvad der er mellem <div> </div>

HTML

HTML kode

 <input type='button' value='Vis/skjul billed' onclick='showhide("vis")'>
 <div style='display:none;' id='vis'>
 Skjulte tekst
 </div>

Når du trykker på knappen bliver den skjulte tekst vist, fordi display bliver sat til at være block istedet for none.

Taget fra Just-Stuff.dk

Indlæg senest redigeret d. 27.01.2010 22:08 af Bruger #13363

Bruger #13210 @ 29.01.10 10:26

Hov troede jeg havde posted dette:

Den skjuler kun en enkelt div. Vil have den til at skjule dem alle

Bruger #13363 @ 29.01.10 11:18

160

Så er der bare at lave flere divs med det id der bliver vist eller skjult

Bruger #13210 @ 29.01.10 20:25

Nej det er lige netop det der ikke sker desværre :/ og faktisk så det der skal skjules er <li> punkter

Bruger #13210 @ 30.01.10 18:15

Hej,
Jeg vil helst have undgået at gøre det på den måde men kan godt se det er den eneste måde at gøre det på tak for hjælpen

Bruger #13363 @ 30.01.10 20:09

160

Har selv et dropdown-menusystem hvor jeg er blevet nød til at gøre det på den måde. Synes også at det virker sådan lidt underligt at gøre det sådan. Men hey, det virker

Vis/Skjul

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler