webForumDet fria alternativet

Länka mellan divvar

HTML & CSS

5 svar · 684 visningar · startad av WebbisNet

Medlem sedan feb. 20032 027 inlägg
Frågan#1

Nån som vet om man kan länka mellan <div> till en annan <div> med target som man gör med frames, jag har en div med en meny och en div med ett huvudinnehåll.

Medlem sedan juni 2009920 inlägg
#2

Det gör du inte (punkt!!).
Vill du ändra innehållet på en div får du använda dig av javascript (förslagsvis jQuery)

Medlem sedan feb. 20032 027 inlägg
#3

Gildebrand skrev:

Det gör du inte (punkt!!).
Vill du ändra innehållet på en div får du använda dig av javascript (förslagsvis jQuery)

Fick göra en ful lösning med att slänga in en IFrame så jag har nåt att länka in till

Medlem sedan juni 20003 076 inlägg
#4

WebbisNet skrev:

Fick göra en ful lösning med att slänga in en IFrame så jag har nåt att länka in till

Fullösningar är fult! Och iframes är osmidiga och också fula! :OO
Använd t.ex. jquery och ev. en ajaxfunktion som Gildebrand föreslår istället. Det är inte så mycket att plugga på.

Medlem sedan juni 2009920 inlägg
#5

Som frames-hatare så håller jag med föregående talare.
Lägg in denna referens i head-taggen på din sida

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

Istället för en iframe så har du bara en div. Ändra sedan länkarna som ska öppnas i diven så de ser ut typ såhär

<a href="#" onclick="$('#mindiv').load('http://google.se');">Länk</a>
Medlem sedan juni 20019 519 inlägg
#6

Och jag klarar inte att se att man blandar html/css/javascript, delar upp varje del skall vara på sin plats.

$.load klarar inte köra från andra domäner, även om det bara är ett exempel.

$("a.ajax").click(function(e) {
	e.preventDefault();
	$("#targetDiv").load(this.href);
})

Om du har vanliga anrop som rendera om hela sidan så läs gärna mer om jquery load ( http://api.jquery.com/load/ ) för du kan bara ladda in sid-fragment om du vill det.

262 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)