<a href="#ridning">

starwolf · Inlägg av **starwolf** » 08 dec 2012, 12:28

Hejsan!

Blir inte klok på följande.

<div class="content_container">
<p>Ridning.</p>
<div class="button_small">
<a href="#ridning">Läs mer</a>
<p>bla bla bla bla bla.
</div>
</div>

okej jag vill fylla in mer information som visas då man klickar på "Läs mer"

Har testat detta
<a name="ridning"> </ a>
<p> bla bla bla</p>
vilket måste vara fel eftersom det visas hela tiden sist på sidan.

någon som kan förklara det enkelt för mig??

ubot · Inlägg av **ubot** » 08 dec 2012, 16:17

Vad försöker du göra? Om du vill visa/dölja ett div-objekt så får du nog använda JavaScript. Typ så här: http://webdesign.about.com/od/dhtml/a/aa101507.htm

starwolf · Inlägg av **starwolf** » 09 dec 2012, 07:29

jag vill dölja viss text.
när man klickar på Läs mer så skall en utökad text komma fram.
och var/hur skriver man det??

ubot · Inlägg av **ubot** » 09 dec 2012, 10:36

Guide: http://webdesign.about.com/od/dhtml/a/aa101507.htm
Ex: http://webdesign.about.com/od/examples/ ... e_text.htm

"Hemligheten" ligger ju i JavaScriptet:

Kod: Markera allt

<script type="text/javascript">
 function unhide(divID) {
 var item = document.getElementById(divID);
 if (item) {
 item.className=(item.className=='hidden')?'unhidden':'hidden';
 }
 }
 </script>

Du får läsa guiden. Allt står ju där. Du klickar en länk så att JavaScriptet växlar hidden mot unhidden. Därmed blir dev-taggen som har id=learnHTML synlig.

Edit:

Jag knackade ihop en HTML-sida där du ser hur allt ser ur när det är klart:

Kod: Markera allt

<html>

<head>

<style>
.hidden { display: none; }
 .unhidden { display: block; }
</style>

<script type="text/javascript">
 function unhide(divID) {
 var item = document.getElementById(divID);
 if (item) {
 item.className=(item.className=='hidden')?'unhidden':'hidden';
 }
 }
 </script>

</head>

<body>

<div class="content_container">
<p>Ridning.</p>
<a href="javascript:unhide('ridning');">Läs mer</a>
<div id="ridning" class="hidden">
<p>bla bla bla bla bla.</p>
<a href="javascript:unhide('ridning');">Stäng</a>
</div>
</div><!--close content_container--> 

</body>
</html>

starwolf · Inlägg av **starwolf** » 09 dec 2012, 14:08

om du ger mig en adress så kan jag skicka dig en länk.

ditt ex. funkar inte

ubot · Inlägg av **ubot** » 09 dec 2012, 15:44

starwolf skrev:om du ger mig en adress så kan jag skicka dig en länk.

ditt ex. funkar inte

Mitt ex. fungerar. Jag har ju själv gjort en sida som du ser. Kopiera och klistra in min kod i en tom sida och döp sidan till test.html, öppna filen i webbläsaren så ser du att det fungerar.

starwolf · Inlägg av **starwolf** » 09 dec 2012, 16:33

ja jag har testat ditt och det funkar som jag vill.

MEN
inte i mitt thema.

starwolf · Inlägg av **starwolf** » 10 dec 2012, 15:05

löste det med
jquery

Ubuntu Sverige

<a href="#ridning">

<a href="#ridning">

Re: <a href="#ridning">

Re: <a href="#ridning">

Re: <a href="#ridning">

Re: <a href="#ridning">

Re: <a href="#ridning">

Re: <a href="#ridning">

Re: <a href="#ridning">