php.de

Zurück   php.de > Webentwicklung > JavaScript, Ajax und mehr
Quelltextfenster funktioniert nicht Quelltextfenster funktioniert nicht
Wiki Registrieren Grundlagen Suchen Heutige Beiträge Alle Foren als gelesen markieren

JavaScript, Ajax und mehr dynamisches Scripten und Interaktion auf Clientebene

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 25.01.2011, 21:13  
Extremefall
Gast
 
Beiträge: n/a
Standard Quelltextfenster funktioniert nicht
Hallo,
ich habe mit Hilfe eines Tutorials einen WYSIWYG Editor erstellt. Nun habe ich ein paar Probleme mit der Methode doToggleView(), diese funktioniert leider nicht. Wisst ihr, wo der Fehler liegen könnte? Alles andere funktioniert. Hier mein Code:
PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<script type="text/css">
</script>
<script language="JavaScript">
function selOn(ctrl)
{
ctrl.style.backgroundColor = '#B5BED6';
} 
function selOff(ctrl)
{
ctrl.style.backgroundColor = '#e7e7e7';
} 
function selDown(ctrl)
{
ctrl.style.backgroundColor = '#B5BED6';
} 
function load(){
eingabe.document.designMode = "On";
}
function schreibfett()
{
eingabe.document.execCommand('bold', false, null);
}
function schreibkursiv()
{
eingabe.document.execCommand('italic', false, null);
} 
function unterstreichen()
{
eingabe.document.execCommand('underline', false, null);
}
function schreiblinksbuendig()
{
eingabe.document.execCommand('justifyleft', false, null); 
}
function schreibzentriert()
{
eingabe.document.execCommand('justifycenter', false, null); 
}
function schreibrechtsbuendig()
{
eingabe.document.execCommand('justifyright', false, null); 
}
function geordneteliste()
{
eingabe.document.execCommand('justifyright', false, null); 
} 
function ungeordneteliste()
{
eingabe.document.execCommand('insertunorderedlist', false, null); 
} 
function setzeSchriftfarbe()
{
var fontcolor = prompt('Geben Sie den Farbcode ein:', '');
if(fontcolor != null)
eingabe.document.execCommand('forecolor', false, fontcolor);
} 
function schreiblink()
{
var link = prompt('Geben Sie die URL ein:', 'http://');
eingabe.document.execCommand('createlink',false,link);
}
function erzeugeBild()
{ 
var bildurl = prompt('Geben Sie die URL zum Bild ein:', 'http://');
if(bildurl != null)
eingabe.document.execCommand('insertimage', false, bildurl);
} 
function setzeSchriftart(schriftname)
{
if(schriftname != '')
eingabe.document.execCommand('fontname', false, schriftname);
} 
function setzeSchriftgroesse(schriftgroesse)
{
if(schriftgroesse != '')
eingabe.document.execCommand('fontsize', false, schriftgroesse);
} 
var viewMode = 1;
function doToggleView()
{
if(viewMode == 1)
{
iHTML = eingabe.document.body.innerHTML;
eingabe.document.body.innerText = iHTML; 
selFont.style.display = 'none';
selectfontsize.style.display = 'none';
eingabe.focus();
viewMode = 2;
}
else
{
iText = eingabe.document.body.innerText;
eingabe.document.body.innerHTML = iText;
selFont.style.display = 'inline';
selectfontsize.style.display = 'inline';
eingabe.focus();
viewMode = 1;
}
}
</script>
</head>
<body onload="load()" bgcolor="#e7e7e7">
<iframe style="background-color: #FFFFFF;color:#000000;" name="eingabe" contentEditable="true" width="600" height="300">
Text
<input type="button" onClick="boldIt()" value="Toggle Bold"> 
</iframe>
<img alt="fett" src="../images/bold.png" onClick="schreibfett()" onMouseOver="selOn(this)" onMouseOut="selOff(this)">
<img alt="kursiv" src="../images/italic.png" onClick="schreibkursiv()" onMouseOver="selOn(this)" onMouseOut="selOff(this)">
<img alt="unterstreichen" src="../images/underline.png" onClick="unterstreichen()" onMouseOver="selOn(this)" onMouseOut="selOff(this)">
<img alt="linksbündig" src="../images/left.png" onClick="schreiblinksbuendig()" onMouseOver="selOn(this)" onMouseOut="selOff(this)">
<img alt="zentriert" src="../images/center.png" onClick="schreibzentriert()" onMouseOver="selOn(this)" onMouseOut="selOff(this)">
<img alt="rechtsbuendig" src="../images/right.png" onClick="schreibrechtsbuendig()" onMouseOver="selOn(this)" onMouseOut="selOff(this)">
<img alt="geordnete Liste" src="../images/orderedlist.png" onClick="geordneteliste()" onMouseOver="selOn(this)" onMouseOut="selOff(this)">
<img alt="ungeordnete Liste" src="../images/unorderedlist.png" onClick="ungeordneteliste()" onMouseOver="selOn(this)" onMouseOut="selOff(this)">
<img alt="Schriftfarbe" src="../images/fontcolor.png" onClick="setzeSchriftfarbe()" onMouseOver="selOn(this)" onMouseOut="selOff(this)">
<img alt="Link setzen" src="../images/url.png" onClick="schreiblink()" onMouseOver="selOn(this)" onMouseOut="selOff(this)">
<img alt="Link setzen" src="../images/url.png" onClick="erzeugeBild()" onMouseOver="selOn(this)" onMouseOut="selOff(this)">
<select name="selFont" onChange="setzeSchriftart(this.options[this.selectedIndex].value)">
<option>Schriftart</option>
<option>Arial</option>
<option>Arial Black</option>
<option>Comic Sans MS</option>
<option>Courier New</option>
<option>Georgia</option>
<option>Geramond</option>
<option>Impact</option>
<option>Microsoft Sans Serif</option>
<option>Tahoma</option>
<option>Times New Roman</option>
<option>Verdana</option>
</select>
<select name="selectfontsize" onChange="setzeSchriftgroesse(this.options[this.selectedIndex].value)">
<option>Schriftgröße</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
</select>
<img alt="Link setzen" src="../images/url.png" onClick="doToggleView()" onMouseOver="selOn(this)" onMouseOut="selOff(this)">
</body>
</html> 
Das Tutorial: http://www.devguru.com/features/tuto...g/wysiwyg6.asp
  Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 25.01.2011, 21:29  
Extremefall
Gast
 
Beiträge: n/a
Standard
Anmerkung: Der Code funktioniert nur im Internet Explorer. doToggleView funktioniert im IE, aber nicht in Firefox. Wisst ihr, wie ich das Problem beheben könnte?
  Mit Zitat antworten
Alt 25.01.2011, 21:29  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard
„geht nicht / funktioniert nicht...“ ist keine sinnvolle Fehlerbeschreibung
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Alt 25.01.2011, 21:43  
Extremefall
Gast
 
Beiträge: n/a
Standard
Es wird einfach nicht der Text in dem iframe umgewandelt. Also z.B. sollte der text direkt fett angezeigt werden und bei klick auf den Button sieht man keinen fetten text mehr, sondern <strong>text</strong>. Beim IE funktioniert es so, beim Firefox nicht. Leider erkenne ich die Fehlerursache nicht.
  Mit Zitat antworten
Alt 25.01.2011, 22:07  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard
Dann fang an zu debuggen. Wesentlich leichter wäre das natürlich, wenn Du nicht großzügig mit globalen Variablen arbeiten würdest.
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Alt 25.01.2011, 22:46  
Extremefall
Gast
 
Beiträge: n/a
Standard
Die Fehlerkonsole sagt mir, selfont is not definded. Doch ich erzeuge ein Dropdownmenü mit dem Namen. Wie muss ich denn sonst darauf zugreifen?
  Mit Zitat antworten
Alt 25.01.2011, 23:05  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard
Hier lang:

http://www.php.de/php-einsteiger/489...nsammlung.html (Lerne Grundlagen | Quellensammlung)
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Alt 25.01.2011, 23:06  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard
Das hier ist übrigens auch sehr interessant:
Zitat:
PHP-Code:
<script type="text/css">
</script> 
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Antwort

« Problem mit mehreren Java Scripts | [Gedankenanstoss] Daumen hoch/Daumen runter Counter »

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.
BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Erledigt] str_replace funktioniert nur lokal Cogax PHP Tipps 2010 19 27.10.2010 21:28
Code funktioniert plötzlich nicht mehr nach Serverumzug Hawk PHP Tipps 2010 4 18.08.2010 08:12
Verschlüsselung funktioniert nicht richtig netmario PHP Tipps 2010 2 19.05.2010 22:57
mod_rewrite mit slash/ohne slash funktioniert nur teilweise taurus Server, Hosting und Workstations 4 13.09.2009 12:57
[ERLEDIGT]PHP while-Schleife für Ausgabe funktioniert plötzlich nicht fuckinghot19 PHP Tipps 2009 6 05.06.2009 22:28
[Erledigt] Umlaute ersetzen funktioniert nicht richtig BlackSpirit PHP Tipps 2009 19 20.04.2009 12:04
send button funktioniert nicht, finde fehler nicht selma123 PHP Tipps 2008 3 17.09.2008 11:57
Datenbankeintrag funktioniert nicht phrain PHP Tipps 2008 13 03.04.2008 12:59
PHP funktioniert nicht PHP Tipps 2005 20 28.04.2005 13:56
Php Gästebuch funktioniert nicht auf dem Server PHP Tipps 2005 13 21.04.2005 22:11
Pfadangabe in php.ini funktioniert nicht PHP Tipps 2005 10 29.03.2005 15:16
Dateien erstellen oder schreiben funktioniert nicht im Web PHP Tipps 2004-2 1 05.12.2004 19:39
[Erledigt] move_uploaded_file funktioniert nicht! PHP-Fortgeschrittene 4 23.08.2004 22:41
Session funktioniert nicht PHP Tipps 2004 3 15.08.2004 13:08
Header Location funktioniert nicht PHP Tipps 2004 10 12.08.2004 17:11

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
execcommand createlink sonderzeichen, ihtml execcommand, execcommand justifycenter, javascript execcommand schriftgröße, html quelltextfenster mit css gestalten, execcommand (font color,false,arial), execcommand (arial,false,none), execcommand fontname im firefox, quelltextfenster, javascript execcommand fontname, body.innerhtml nicht mit aktuellen eingaben, execcommand(\'insertimage\' bild hochladen, .document.execcommand(\'insert, document.execcommand (\'insertunorderedlist\', false, null); firefox, contenteditable true wysiwyg editor execcommand, doc.execcommand(\fontname\, false, pixel, execcommand(\'createlink\', false, link) probleme, execcommand image with title, execcommand insert background image, document.execcommand

Alle Zeitangaben in WEZ +2. Es ist jetzt 09:08 Uhr.

php.de - Das deutsche PHP-Forum - Kontakt - Impressum - Forenregeln - Archiv - Nach oben



Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum