Avatar billede meyer Nybegynder
27. september 2012 - 14:57 Der er 4 kommentarer og
1 løsning

Fang variabel ved klik på link?

Er der nogen der kan hjælpe mig med at fange id="variablen" ved klik på linket.. sende det til funktionen og loade den side ind i div'en?

Hvis jeg kører det som det er og skriver variablen ud skriver den bodyContent.html lige meget hvad jeg klikker på.. har ikke en dyt forstand på javascript, så er lidt på skideren her ;)
--------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$('a').click(
    function(){
        var id = this.id;
        $('#bodyContent').animate({'height' : '0'},1000,
            function(){
                $(this).load(this.id + '.html',
                /*document.write(this.id+ '.html'),*/
                    function(){
                        $('#bodyContent' ).animate({'height': '400px'},1000);
                    });
                   
            });
    });
   
    });
</script>
</head>

<body>
<div id="bodyMenuWrapper">
 
    <a href="#" id="test1" class="menu">TEST</a>
  <a href="#" id="test2" class="menu">TEST 2</a>

</div>
<div id="bodyContent">
  Indhold skal loades ind og vises her         
</div>

</body>
</html>
Avatar billede meyer Nybegynder
27. september 2012 - 14:58 #1
Det er en slider der skal rulle op ved klik på link.. loade nyt indhold in og rulle ned igen.
Avatar billede Thomas_E Nybegynder
28. september 2012 - 08:49 #2
Er this.id null eller ?
Du kan jo også fange det pågældende links id attribut med
$(this).attr('id');
Avatar billede meyer Nybegynder
28. september 2012 - 09:25 #3
Ideen var at this.id skulle indeholde id nede fra linket og så åbne den fil i toggle div'en :)

Er jeg helt gal på den?

Selve "slide dimsen" kører fint op og ned igen ved klik på linket, men den trækker ikke noget med sig :(
Avatar billede meyer Nybegynder
28. september 2012 - 09:32 #4
Det er lidt surt jeg ikke kan finde ud at det her javascript ;) Jeg har to scripts der samlet gør netop det jeg gerne vil ha' - men kan ikke finde ud af at sætte dem sammen :D

Den her gør det jeg mangler i den anden :)

<script type="text/javascript">
$(document).ready(function(){
   
$('.toggle_load').click(function(event) {
    var url = $(this).attr('href');
    var target = $(this).next('.load_target');
    target.load(url, function() {
          target.slideDown('fast');
    });   
    event.preventDefault();
});

});
</script>
</head>

<body>
<a href="test2.html" class="toggle_load" />Linket</a>
<div class="load_target"></div>
Avatar billede meyer Nybegynder
21. marts 2013 - 11:14 #5
lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester