JQuery, Hämta en hel div tagg.

Tjenare.

hobbykör lite på en hemsida, och har börjat med lite jquery.

Jag har en nyhetssida som jag skall ta en hel divtagg från och placera den på index.

Just nu har jag koden:
function getSideNews(){
var sidenews = $('.div1').html();
$('.div2').text(sidenews);
}

Läst att .html() returnerar en string. Så det borde gå att bara sätta din min variabel i den andra divtaggen.

Nu går inte detta alls. Jag vet inte varför. Någon som kan upplysa mig?

När du skrev det tänkte jag "Ahaa!", Det är så det är.
Men testade och fick inte fram någonting.

Det fungerade inte.
Vet inte varför.

Hur gör man en likadan funktion fast med javascript?

Gjort det tidigare, men det är ingen skillnad.
Gjorde en alertbox med variabeln sidenews som parameter. och då fick jag upp "undefined", tack för det konkreta meddelandet liksom.

Det som skall hämtas är detta:

<div>
<header>
<h1>Överskrift</h1>
</header>

<p>Text</p>

<span>- Johan</span>
</div>

Jo jag vet, men menade mer med javascripts stil på kod.
ex. "document.getElementById()" osv.

Spelar det någon roll om de olika elementen är i olika filer?
Den först diven jag "kopierar" ligger på ett annat html dokument.
Medan den andra diven ligger på Index dokumentet.
Det borde inte vara något problem tycker jag.

Något är galet iallafall. Eftersom koden bara returnerar undefined.

EDIT: Tydligen var det så att man inte kan hämta från ett html dokument och lägga det i ett annat.
Hur man man lösa det?

$("#div2").load("page2.html #div1");

Läste detta på Jquery API:n

Men det fungerar inte heller.
Får felmeddelande: XMLHttpRequest cannot load file:///C:/Users/Johan/Desktop/backup/news.html. Origin null is not allowed by Access-Control-Allow-Origin.

EDIT: Fungerar tydligen inte i Chrome.
Men när jag öppnar i Firefox får jag alla åäö felformaterade, även om jag har rätt charset.

EDIT2: Chrome tillåter inte att man jobbar på lokala filer. Därför satte jag upp samma lösning på webbhotellet. och vips så löste sig allt. tillochmed åäö