Toon posts:

[iframe] Body Class aanpassen

Pagina: 1

Acties:

40 views sinds 30-01-2008
Reageer

maandag 17 november 2003 11:09

Acties:

BierPul

2 koffie graag

Topicstarter

Ik ben bezig met een WYSIWYG editor te implementeren en loop tegen het probleem aan dat ik een bepaalde classe wil toewijzen aan mij editable veld (Iframe), als background kleur pakt hij nu altijd degene die in de body class van het stylesheet staat (logisch) maar ik wil dit kunnen manupileren.

Via deze methode is het mij gelukt de achtergrond property aan te passen van het Iframe dit werkt prima

JavaScript:

<SCRIPT LANGUAGE="JavaScript">
    function change_background() {
         document.frames.editFrame.document.body.style.backgroundColor="green";   
    }
</SCRIPT>

Maar ik krijg het niet voor elkaar om hetzelfde met een className te doen, zodat ik ook de goede fonts ed krijg

HTML:

<HTML>
    <HEAD>
    <style>
        .mainField {    
            background-color: #FF0000;
            FONT-FAMILY: verdana;
            FONT-SIZE: 9.5pt;
            color: #FFFFFF; 
        }
    </style>

    <SCRIPT LANGUAGE="JavaScript">
        function changeClass() {
             document.frames.editFrame.document.body.className="mainField";   
        }
        
        function change_background() {
            document.frames.editFrame.document.body.style.backgroundColor="#ff0000";   
        }
    </SCRIPT>
    </HEAD>
<BODY>
    <IFRAME id="editFrame" src="harrie.html"></IFRAME><br>
    <BUTTON onclick=changeClass()>class aanpassen</BUTTON><br>
    <BUTTON onclick=change_background()>bg naar rood</BUTTON>
</BODY>
</HTML>

Opgelost de class moet wel bekend zijn in het scherm zelf wat je als src aanwijst

[ Voor 114% gewijzigd door BierPul op 17-11-2003 12:12 ]

Ja man

Reageer