CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

Hans1 Praktikant

10. april 2012 - 19:36 Der er 3 kommentarer

Hente indhold fra ekstern fil

Hey

Er der nogen som ved hvordan jeg kan få dette til at virke.

<div>
// Hvis link1 er trykket

$('#content').load('link1.html');

// Ellers standard indhold
$('#content').load('standard.html');

// Det er vigtigt at laves sådan her så der i adresselinjen kommer til at stå domæne.dk/#link1
// Hvis man så skrev noget tilfældigt fx domæne.dk/#et-eller-andet - ville der i content hentes indhold fra error404.html

<a href="#" id="link1">Link1</a>

<div id="content">
// Her indlæses indhold fra html filen.
</div>
</div>

Synes godt om

olsensweb.dk Ekspert

10. april 2012 - 22:36 #1

har du lavet mere code end det viste ??

du har selvføgelig kigget på jquery load deres eks "Example: Display a notice if the Ajax request encounters an error." ser interessant ud

Synes godt om

Hans1 Praktikant

11. april 2012 - 17:26 #2

Okay, fandt ud af at der skulle onclick på i linket.

<div>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">
function page(kontakt)
{
$('#content').load('kontakt.php');
}
</script>

<a href="#result" onclick="page('kontakt');">Kontakt</a>

<div id="content">Standard indhold</div>
</div>

Mit spørgsmål er nu hvordan jeg gør denne kode dynamisk via brug af element.

<div>
function page(element)
{
$('#content').load('kontakt.php'); // hvordan tilføjer jeg element variablen i filnavnet?
}
</div>

Synes godt om

olsensweb.dk Ekspert

11. april 2012 - 19:41 #3

et hurtigt kig på jquery load eks som jeg linkede i #1, med lidt modif
betingelsen for at det virker er at alle dine filer du linker til er php, da du kun vil overfører filnavnet og ikke fil extension


<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <style type="text/css">
    </style>
    <script type="text/javascript">
    function page(element){
        // $('#content').load(element+'.php'); // hvordan tilføjer jeg element variablen i filnavnet?
        
        $("#content").load(element+'.php', function(response, status, xhr) {
            if (status == "error") {
                var msg = "Sorry but there was an error: ";
                $("#content").html(msg + xhr.status + " " + xhr.statusText);
            }
        });
    }
    </script>
</head>
<body>
<a href="#result" onclick="page('kontakt');">Kontakt</a>
<div id="content">Standard indhold</div>
</body>
</html>

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS