Gå til innhold

skript for å åpne/lukke innebygget ramme uten load

Gjest Slettet+142

Av Gjest Slettet+142
i Programmering og webutvikling

Anbefalte innlegg

Gjest Slettet+142

Gjest Slettet+142

Skrevet
Skrevet

hei...

 

kunne tenkt meg et skript som åpner/lukker en "ramme" med en link, tilsvarende HW sin SKJUL-funksjon... :

 

Skjult tekst: (Marker innholdet i feltet for å se teksten):

Tilsvarende dette

 

kan noen, plz, hjelpe meg med å finne dette?

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
hockey500

hockey500

Skrevet
Skrevet (endret)

du kan jo ta utgangspunkt i denne:

<html>
<head>
 <style id="spoiler">
 	.spoiler
 	{
   visibility:hidden;
 	}
 </style>
 <script language="JavaScript" type="text/javascript">
 	function showSpoilers()
 	{
   object = document.getElementById("spoiler");
   if(object.disabled == true)
   	object.disabled = false;
   else
   	object.disabled = true;
 	}
 </script>
</head>
<body>
 <span id="spoiler" onclick="showSpoilers();" onmouseover="this.style.cursor="hand";">Click me</span>
 <hr />
 <span class="spoiler">Hemmelig tekst som dukker opp når du klikker på "Show Spoilers"</span>
</body>
</html>

Endret av hockey500
Lenke til kommentar
Gjest Slettet+142

Gjest Slettet+142

Skrevet
Skrevet (endret)

hrm.. det virket her og...

 

men når det som skal "skrives ut" ikkje vises, vises bare en aug med tomme linjer(like mange linjer som e i teksten som ""skrives ut" når eg klikker på teksten...

 

løsning? :dontgetit:

Endret av Slettet+142
Lenke til kommentar
hockey500

hockey500

Skrevet
Skrevet (endret) 
<html>
<head>
<style id="spoiler">
 .spoiler
 {
  visibility:hidden;
display:block;
height:0;
overflow:hidden;
 }
</style>
<script language="JavaScript" type="text/javascript">
 function showSpoilers()
 {
  object = document.getElementById("spoiler");
  if(object.disabled == true)
   object.disabled = false;
  else
   object.disabled = true;
 }
</script>
</head>
<body>
<span id="spoiler" onclick="showSpoilers();" onmouseover="this.style.cursor="hand";">Click me</span>
<hr />
<span class="spoiler">Veldig lang tekst kommer her</span>
</body>
</html>

Endret av hockey500
Lenke til kommentar
  • 2 uker senere...
Drømmemannen

Drømmemannen

Skrevet
Skrevet (endret)

Følger dette standarer? Såvidt jeg kan se er det bare button, input, optgroup, option, select og textarea som har disabled-attributtet (W3C: Index of Attributes). Jeg ville normalt satt id-en på elementet som skal vises/skjules og brukt display:none/display:block på det. Ser også ut som om det er slik de gjør det i dette forumet.

 

Edit: Jeg ser Microsoft prøver å indirekte tillegge W3C noe W3C ikke har sagt: MSDN Disabled Attribute

Endret av balletryne
Lenke til kommentar
Gjest Slettet+142

Gjest Slettet+142

Skrevet
Skrevet

ehm.. skjønte lite av det der...

når det gjelder javascript foretrekker eg ferdige koder... :p

 

hvis du har forslag som tar mindre plass e det bare å komme med de...

 

..((* digg nick du har *))..

Lenke til kommentar
Drømmemannen

Drømmemannen

Skrevet
Skrevet

Så mye mindre plass tar nok ikke følgende, men det gjør det slik jeg foreslo i forrige innlegg:

 

<script type="text/javascript">

   function showHide( id )
   {
       var element = document.getElementById( id );

       if ( element.style.display == 'none' )
       {
           element.style.display = 'block';
       }
       else
       {
           element.style.display = 'none';
       }
   }

</script>

-----------------------

<a href="javascript:showHide( 'spoiler' )">Click me</a>

<div id="spoiler" style="display:none">
   Tekst
</div>

 

Hvis du vil ha det mer kompakt er det jo bare å fjerne noen linjeskift i JavaScriptet :p

Lenke til kommentar
  • 3 måneder senere...
  • 2 uker senere...

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...