html - show/hide - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #3750 @ 01.03.04 09:21

Jeg har noget PHP lal, hvor når der er et id skal den vise noget bestemt indhold. et ex

Kode

<?

echo "Menu";

echo "<a href=\\"?id=historie\\">Historie</a> ";

echo "<a href=\\"?id=forskelligt\\">Forskelligt</a> ";

$id = $_GET['id'];

switch($id){

case "historie": echo "Historie";
break;
case "forskelligt": echo "Forskelligt";
break;
default: break;
}

?>

Det virker self fint nok, men den loader siden på ny hver gang, jeg vil have noget JS som gør, at den bare viser noget andet indhold uden at loade siden på ny. Men aner krans om JS, så nogle der kan give et forslag på hvordan det kan gøres?

Jan Larsen
CO-owner http://www.jabo-web.com

[Redigeret d. 01/03-04 09:23:46 af Jan L]

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

Sorter efter stemmer Sorter efter dato

Bruger #2796 @ 01.03.04 10:53

443

Jeg har noget PHP lal, hvor når der er et id skal den vise noget bestemt indhold. et ex

Kode
<?

echo "Menu";

echo "<a href=\\"?id=historie\\">Historie</a> ";

echo "<a href=\\"?id=forskelligt\\">Forskelligt</a> ";

$id = $_GET['id'];

switch($id){

case "historie": echo "Historie";
break;
case "forskelligt": echo "Forskelligt";
break;
default: break;
}

?>
Det virker self fint nok, men den loader siden på ny hver gang, jeg vil have noget JS som gør, at den bare viser noget andet indhold uden at loade siden på ny. Men aner krans om JS, så nogle der kan give et forslag på hvordan det kan gøres?

Jan Larsen
CO-owner http://www.jabo-web.com

[Redigeret d. 01/03-04 09:23:46 af Jan L]

http://www.w3schools.com

-------------------------------
Hilsen Jimmi Westeberg
http://www.westsworld.dk

Bruger #4479 @ 01.03.04 19:28

602

Kode
<html>
<head>
</head>
<body>
<a "cursor:hand;" onclick="if(document.all.drop.style.display=='none')document.all.drop.style.display='inline';else document.all.drop.style.display='none';">vis</a>
Her er teksten!
</body>
</html>
Sådan?

Er der mulighed for at du kan gøre det med 2 links, så jeg kan se sammenhængen, for er virkelig fortabt i JS, har altid synes det var noget skod, men er vel det eneste man kan bruge......

Jan Larsen
CO-owner http://www.jabo-web.com
Kode
<a "cursor:hand;" onclick="if(document.all.drop.style.display=='none')document.all.drop.style.display='inline';else document.all.drop.style.display='none';">vis</a>
<a href="link1">link1</a> <a href="link2">link2</a>
Sådan?
Kode
<a "cursor:hand;" onclick="if(document.all.drop1.style.display=='none')document.all.drop1.style.display='inline';else document.all.drop1.style.display='none';">vis</a>
<a href="link1">link1</a>
<a "cursor:hand;" onclick="if(document.all.drop2.style.display=='none')document.all.drop2.style.display='inline';else document.all.drop2.style.display='none';">vis</a>
<a href="link2">link2</a>
Eller sådan?

[Redigeret d. 01/03-04 18:18:58 af Mathias Knudsen]

Ja det skal være sådan, men har kigget lidt på det, og tænkt over at hvis jeg trykker, så skal indholdet ikke vises lige ved siden af linket. Men lidt nemmere hvis du ser hvor det skal bruges

www.jabo-web.com/jabo-web?id=general

Det skal bruges til den menu som der kommer frem her, altså den hvem er vi, historie og blabla?

Jan Larsen
CO-owner http://www.jabo-web.com

Kode


<table>
 <tr>
  <td>
   <a "cursor:hand;" onclick="document.all.Hvem.style.display='inline';document.all.historie.style.display='none';">hvem er vi?</a>
  </td>
  <td>
   <a "cursor:hand;" onclick="document.all.historie.style.display='inline';document.all.Hvem.style.display='none';">historie</a>
  </td>
 </tr>
</table>
<table>
 <tr>
  <td>
   <span id="Hvem" style="display:none;"><h2>Hvem er vi</h2><br>.........................</span>
   <span id="historie" style="display:none;"><h2>Historie</h2><br>.........................</span>
  </td>
 </tr>
</table>

Bruger #4479 @ 01.03.04 16:18

602

Kode

<html>
<head>
</head>
<body>
<a "cursor:hand;" onclick="if(document.all.drop.style.display=='none')document.all.drop.style.display='inline';else document.all.drop.style.display='none';">vis</a>
<span id="drop" style="display:none;">Her er teksten!</span>
</body>
</html>

Sådan?

Bruger #3750 @ 01.03.04 18:05

161

Kode

<html>
<head>
</head>
<body>
<a "cursor:hand;" onclick="if(document.all.drop.style.display=='none')document.all.drop.style.display='inline';else document.all.drop.style.display='none';">vis</a>
<span id="drop" style="display:none;">Her er teksten!</span>
</body>
</html>

Sådan?

Er der mulighed for at du kan gøre det med 2 links, så jeg kan se sammenhængen, for er virkelig fortabt i JS, har altid synes det var noget skod, men er vel det eneste man kan bruge......

Jan Larsen
CO-owner http://www.jabo-web.com

Bruger #4479 @ 01.03.04 18:18

602

Kode
<html>
<head>
</head>
<body>
<a "cursor:hand;" onclick="if(document.all.drop.style.display=='none')document.all.drop.style.display='inline';else document.all.drop.style.display='none';">vis</a>
Her er teksten!
</body>
</html>
Sådan?

Er der mulighed for at du kan gøre det med 2 links, så jeg kan se sammenhængen, for er virkelig fortabt i JS, har altid synes det var noget skod, men er vel det eneste man kan bruge......

Jan Larsen
CO-owner http://www.jabo-web.com

Kode


<a "cursor:hand;" onclick="if(document.all.drop.style.display=='none')document.all.drop.style.display='inline';else document.all.drop.style.display='none';">vis</a>
<span id="drop" style="display:none;"><a href="link1">link1</a> <a href="link2">link2</a></span>

Sådan?

Kode


<a "cursor:hand;" onclick="if(document.all.drop1.style.display=='none')document.all.drop1.style.display='inline';else document.all.drop1.style.display='none';">vis</a>
<span id="drop1" style="display:none;"><a href="link1">link1</a></span>
<a "cursor:hand;" onclick="if(document.all.drop2.style.display=='none')document.all.drop2.style.display='inline';else document.all.drop2.style.display='none';">vis</a>
<span id="drop2" style="display:none;"><a href="link2">link2</a></span>

Eller sådan?

[Redigeret d. 01/03-04 18:18:58 af Mathias Knudsen]

Bruger #3750 @ 01.03.04 18:48

161

Kode

<html>
<head>
</head>
<body>
<a "cursor:hand;" onclick="if(document.all.drop.style.display=='none')document.all.drop.style.display='inline';else document.all.drop.style.display='none';">vis</a>
<span id="drop" style="display:none;">Her er teksten!</span>
</body>
</html>

Sådan?

Er der mulighed for at du kan gøre det med 2 links, så jeg kan se sammenhængen, for er virkelig fortabt i JS, har altid synes det var noget skod, men er vel det eneste man kan bruge......

Jan Larsen
CO-owner http://www.jabo-web.com

Kode


<a "cursor:hand;" onclick="if(document.all.drop.style.display=='none')document.all.drop.style.display='inline';else document.all.drop.style.display='none';">vis</a>
<span id="drop" style="display:none;"><a href="link1">link1</a> <a href="link2">link2</a></span>

Sådan?

Kode


<a "cursor:hand;" onclick="if(document.all.drop1.style.display=='none')document.all.drop1.style.display='inline';else document.all.drop1.style.display='none';">vis</a>
<span id="drop1" style="display:none;"><a href="link1">link1</a></span>
<a "cursor:hand;" onclick="if(document.all.drop2.style.display=='none')document.all.drop2.style.display='inline';else document.all.drop2.style.display='none';">vis</a>
<span id="drop2" style="display:none;"><a href="link2">link2</a></span>

Eller sådan?

[Redigeret d. 01/03-04 18:18:58 af Mathias Knudsen]

Ja det skal være sådan, men har kigget lidt på det, og tænkt over at hvis jeg trykker, så skal indholdet ikke vises lige ved siden af linket. Men lidt nemmere hvis du ser hvor det skal bruges

www.jabo-web.com/jabo-web?id=general

Det skal bruges til den menu som der kommer frem her, altså den hvem er vi, historie og blabla?

Jan Larsen
CO-owner http://www.jabo-web.com

show/hide

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler