JQuery, Hämta en hel div tagg.

Permalänk
Medlem

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?

Visa signatur

Om ni vill ha svar får ni Citera mina inlägg =)

Permalänk

Använd html() båda gångerna

function getSideNews(){
var sidenews = $('.div1').html();
$('.div2').html(sidenews);
}

Permalänk
Medlem

text() sätter en sträng som en text, inte html kod.
Använder du html() för att sätta också så bör det fungera.

Visa signatur

Mina poster är en illusion. Det som står skrivet här över står i själva verket inte där så inget av det som du läser är sant. Inte ens den här texten. Jag har själv ingen kunskap om det jag skriver och ingen bör således läsa eller ta in den information som står skrivet.

Permalänk
Medlem
Skrivet av Cloudburst:

Använd html() båda gångerna

function getSideNews(){
var sidenews = $('.div1').html();
$('.div2').html(sidenews);
}

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

Skrivet av rumpnisse:

text() sätter en sträng som en text, inte html kod.
Använder du html() för att sätta också så bör det fungera.

Det fungerade inte.
Vet inte varför.

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

Visa signatur

Om ni vill ha svar får ni Citera mina inlägg =)

Permalänk

Testa att ange id istället #div1 osv. Både snabbare och mer exakt

Permalänk
Medlem

jQuery är JavaScript
Börja på http://docs.jquery.com

Permalänk
Medlem
Skrivet av flashmonstret:

Testa att ange id istället #div1 osv. Både snabbare och mer exakt

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>

Skrivet av yakideo:

jQuery är JavaScript
Börja på http://docs.jquery.com

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

Visa signatur

Om ni vill ha svar får ni Citera mina inlägg =)

Permalänk

Din kod fungerar på jsfiddle iaf:
http://jsfiddle.net/XMnZR/

Permalänk
Medlem
Skrivet av Yxskaftet:

Din kod fungerar på jsfiddle iaf:
http://jsfiddle.net/XMnZR/

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?

Visa signatur

Om ni vill ha svar får ni Citera mina inlägg =)

Permalänk
Medlem

http://docs.jquery.com/Ajax/load

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

$("#objectID").html() kan bara manipulera och hämta från den sidan som förtillfället är öppen i webbläsaren.

Permalänk
Medlem
Skrivet av yakideo:

http://docs.jquery.com/Ajax/load

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

$("#objectID").html() kan bara manipulera och hämta från den sidan som förtillfället är öppen i webbläsaren.

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 åäö

Visa signatur

Om ni vill ha svar får ni Citera mina inlägg =)