[JS] volledige style

[markkl]

ik moet voor mijn script de volledige style hebben om door te sturen naar php

voorbeeld div

code:

<div id="test" style="width:400px;height:300px;z-index:2">test</div>

Dus :"width:400px;height:300px;z-index:2" moet ik er uit vissen.
Zat eerst gewoon te dingen om alle css dingen bij langs te gaan maar dat lijkt me sloom/veel werk.
Heb ook geprobeerd om met match te werken en dan vanaf style=" tot " te pakken maar dat wou ook niet omdat er soms iets in de css zit met een " bv background-image: url("foto.jpg");

Weet iemand hier een makkelijke oplossing voor ?

[Setragasj]

Sowieso hoef je bij background-image:url() niet verplicht quotjes te gebruiken, dus misschien dat je dan weer verder kunt met je match.

[Verwijderd]

markkl schreef op vrijdag 12 januari 2007 @ 13:44:

code:

<div id="test style="width:400px;height:300px;z-index:2">test</div>

Off-topic: Vergeet je attribuut id niet af te sluiten id="test" ipv id ="test

On-topic: Werk met een extern css ipv een in-line css

Je stylesheet style.css:

code:

.voorbeeld{
width:400px;
height:300px;
z-index:2
}

Deze stylesheet importeren in de head /head

code:

<link rel="stylesheet" href="http://www.yoursite.com/style.css" type="text/css">

Je div:

code:

<div id="test" class="voorbeeld">test</div>

[ Voor 42% gewijzigd door Verwijderd op 12-01-2007 14:03 ]

[markkl]

kan niet met stylesheet omdat alles word gemaakt met javascript soort webeditor

als ik er vanuit kan gaan dat er GEEN " in de style zit dan hoord dit te werken :

code:

var str = document.getElementById("body").outerHTML;
str = str.split('style=\"');
str = str[1].split('"');
var style = str[0];

[HyperioN]

Setragasj schreef op vrijdag 12 januari 2007 @ 13:51:
Sowieso hoef je bij background-image:url() niet verplicht quotjes te gebruiken, dus misschien dat je dan weer verder kunt met je match.

Sterker nog: het is niet de bedoeling dat je die urls of welke css-waarde dan ook in quotation marks zet.
Zie http://www.w3.org/TR/CSS1 (sectie 5)

Maar ik zou van TS graag willen weten wat hij wil bereiken. PHP is immers een serverside scripttaal; ik vraag me dus af wat hij daar met stijlattributen zou willen bewerkstelligen.

[Victor]

Even uit het hoofd hoor, maar is document.getElementById("test").style.cssText niet wat je zoekt?

Ik zal het even checken

[Crayne]

Yup, King_Louie geeft het antwoord.

[BtM909]

Crayne schreef op vrijdag 12 januari 2007 @ 14:19:
Yup, King_Louie geeft het antwoord.

Dat hoef je niet in het topic te melden hoor

---

Overigens werkt

JavaScript:

document.getElementById('test').getAttribute('style');

alleen in echte browsers

[markkl]

King_Louie : bedankt dat is precies wat ik zocht .

HyperioN : Ik ben een soort webeditor aan het maken (http://www.me2see.nl/edit...gins/markklimage/drag.php) (werkt nog niet in FF)

[ Voor 5% gewijzigd door markkl op 12-01-2007 14:30 ]

[Victor]

BtM909 schreef op vrijdag 12 januari 2007 @ 14:28:
Overigens werkt

JavaScript:

document.getElementById('test').getAttribute('style');

alleen in echte browsers

Daar zat ik ook nog aan te denken, aangezien ik verwachtte dat dat de letterlijke string waarde van style terug zou geven. Niets bleek minder waar in Opera en Firefox. IE (7 in dit geval) geeft doodleuk een object terug.

Maar goed, de TS is blij, dus ik neem aan dat alle impliciete rules die je meekrijgt met cssText geen probleem zijn

[ Voor 12% gewijzigd door Victor op 12-01-2007 14:32 ]

[markkl]

weet iemand ook misschien wat hier de oorzaak van is"
Fout uncaught exception: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIXMLHttpRequest.open]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: http://www.me2see.nl/edit...gins/markklimage/drag.php :: openpage :: line 522" data: no]"


function openpage(page) {
http.open('get', 'openpage.php?pageid='+page);
http.onreadystatechange = handleResponse;
http.send(null);
}

(FF prob)

[Setragasj]

markkl schreef op vrijdag 12 januari 2007 @ 14:28:
King_Louie : bedankt dat is precies wat ik zocht .

HyperioN : Ik ben een soort webeditor aan het maken (http://www.me2see.nl/edit...gins/markklimage/drag.php) (werkt nog niet in FF)

Even tussendoor..

Ik ging ff je editor checken en het ziet er allemaal heel erg nog niet af uit, maar ik kreeg een aantal javascript errors via mn debugger.
Waren eigenlijk allemaal dezelfde in een paar van je onclicks:

HTML:

onclick="return:false;newpage();return false"

Maar nogmaals, je bent er nog druk mee bezig

[markkl]

Setragasj schreef op vrijdag 12 januari 2007 @ 14:44:
[...]

Even tussendoor..

Ik ging ff je editor checken en het ziet er allemaal heel erg nog niet af uit, maar ik kreeg een aantal javascript errors via mn debugger.
Waren eigenlijk allemaal dezelfde in een paar van je onclicks:

HTML:

onclick="return:false;newpage();return false"

Maar nogmaals, je bent er nog druk mee bezig

Die functie wou ik uitschakelen voordat ik hem hier post want die zijn nog helemaal niet af.