webForumDet fria alternativet

Länka mellan divvar

HTML & CSSur HTML, XHTML & CSS

5 svar · 684 visningar · startad av WebbisNet

WebbisNetMedlem sedan feb. 20032 027 inlägg
#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.

GildebrandMedlem 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)

WebbisNetMedlem 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

doggelitoMedlem 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å.

GildebrandMedlem 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>
voigtann1Medlem 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.

138 ms totalt · 3 externa anrop · v20260731065814-full.29ac60f6
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)