Images im WYSIWYG-Editor

Gesperrt
chrila
Beiträge: 49
Registriert: Di 17. Sep 2002, 16:31
Wohnort: Essen
Kontaktdaten:

Images im WYSIWYG-Editor

Beitrag von chrila » Mi 6. Nov 2002, 16:08

Hallo,

um Bilder im wysiwig-Editor einzufügen, habe ich bisher das betreffende Image im Upload-Bereich markiert und kopiert und im Editor eingefügt. Klappt gut, aber das Image wird immer auf 150x100 verkleinert. Also muss ich im Quelltext die Größenangaben löschen oder ändern. Gibt es eine Möglichkeit, das Bild immer in Originalgröße zu importieren? Habe ich im Editor eine Funktion übersehen?

Vielen Dank für die Hilfe!

Gruß
Christian

Roberto
Beiträge: 7
Registriert: Mi 16. Okt 2002, 10:33
Kontaktdaten:

Beitrag von Roberto » Do 7. Nov 2002, 15:56

Einzige Lösung wäre im Moment, dem Dateimanager auszutreiben, dass die Bilder auf height=100 width=150 gezoomt werden... Das ist ja eigentlich ohnehin nicht unbedingt toll.

Sven777b
Beiträge: 503
Registriert: Mi 18. Sep 2002, 00:00
Wohnort: Sachsen
Kontaktdaten:

Beitrag von Sven777b » Do 7. Nov 2002, 16:17

die zweite Variante wäre es , den Editor um die entsprechende Funktion zu erweitern. Ich war schonmal dran - hab aber momentan keine Zeit dafür.

Du musst die Quasi nur ansehen, wie die Auswahl bei CMS_IMG funktioniert. Und dafür im CMS_HTML eine Routine schreiben. Nicht die Originalfunktion nutzen, weil diese auf deine Festplatte zurückgreift - sondern eine freie, die den Code direkt einfügt.
Module zum anschauen:
bei Sven: http://contenido-module.de
bei Pulk : http://spielwiese.pulk.net

Der-Dirigent: http://der-dirigent.de

steff
Beiträge: 31
Registriert: Mo 28. Okt 2002, 12:56
Wohnort: Kölle
Kontaktdaten:

Beitrag von steff » Fr 15. Nov 2002, 10:32

Eine sozuzagen kombinierte Variante der oben geschilderten kommt demnäx zum Einsatz:
ich habe die Funktion uplListDirectory aus fnc_upl in tplInputField_CMS_HTML integriert und nach meinen Bedürfnissen angepasst, z.B. fester img-Pfad und ohne width/height assignment. Da ich in der Datenbank zwischen Bildern für Layout und Bildern für Artikel unterscheide, halten sich die db-queries in Grenzen und die Tabelle mit der Bildvorschau unter der Input-Box wird nicht zu gross.

Steff

hypekermit
Beiträge: 213
Registriert: Mi 9. Okt 2002, 21:24
Kontaktdaten:

image im wysiwyg

Beitrag von hypekermit » Fr 15. Nov 2002, 11:46

kannst du deine variante mal hochladen oder noch besser den quelltext was ich ändern muss....

thanx hype

steff
Beiträge: 31
Registriert: Mo 28. Okt 2002, 12:56
Wohnort: Kölle
Kontaktdaten:

Beitrag von steff » Fr 15. Nov 2002, 12:13

Der unten aufgeführte Code entspricht im wesentlichen der Funktion uplListDirectory. Ich habe zusätzlich die Ausgabe um eine Zeile e Queryresult erweitert, um rechts- und linksbündiges Copy/Paste zu ermöglichen. Das Ganze klemmst Du unter die Form-Ausgabe in tplInputField_CMS_HTML.

Bei dem SQL-Query ist zu beachten, daß ich eine Spalte zur Zuordnung von Bildern zu Artikeln verwende: WHERE idside='idside'. Bei einer Standardinstallation lautet das Statement dann:

Code: Alles auswählen

$sql = "SELECT * FROM $cfgTab_upl WHERE idclient='$client' AND dirname='$upltype' AND filetype='".$cfgClient[$client]["filetype"]["$upltype"]."' ORDER BY filename";

Code: Alles auswählen

        $path     = $cfgClient[$client]["path"]["img"];
        $upltype  = "img";


    //**************List of files in upload directory taken from db
	echo "<TABLE cellpadding=$cellpadding cellspacing=$cellspacing border=$border>";
	echo "<TR><TD class=head colspan=2 width=700 nowrap>Bilder:</TD></TR>";
	echo "<TR><TD class=head>Vorschau links- und rechtsbündig</TD><TD class=head>Dateiname</TD></TR>";

	$sql = "SELECT * FROM $cfgTab_upl WHERE idclient='$client' AND idside='$idside' AND dirname='$upltype' AND filetype='".$cfgClient[$client]["filetype"]["$upltype"]."' ORDER BY filename";
	$db->query($sql);
	$i = 0;
	while ($db->next_record())
	{
        $i++;

        if ($action=30 && $db->f("filename") == $tmp_f) {

			    echo"<TR><TD class=content width=250><img src=\"".$cfgClient[$client]["frontendpath"]["img"].$db->f("filename")."\" border=0 style=\"vertical-align:text-top; float:left; margin-right:10px; margin-bottom:10px\"></TD><TD class=content>".$db->f("filename")."<BR>linksbündig</TD></TR>";
                echo"<TR><TD class=content width=250><img src=\"".$cfgClient[$client]["frontendpath"]["img"].$db->f("filename")."\" border=0 style=\"vertical-align:text-top; float:right; margin-left:10px; margin-bottom:10px\"></TD><TD class=content>".$db->f("filename")."<BR>rechtsbündig</TD></TR>";
        }
        else {
			    echo"<TR><TD class=content><img src=\"".$cfgClient[$client]["frontendpath"]["img"].$db->f("filename")."\" border=0 style=\"vertical-align:text-top; float:left; margin-right:10px; margin-bottom:10px\"></TD><TD class=content>".$db->f("filename")."<BR>linksbündig</TD></TR>";
                echo"<TR><TD class=content><img src=\"".$cfgClient[$client]["frontendpath"]["img"].$db->f("filename")."\" border=0 style=\"vertical-align:text-top; float:right; margin-left:10px; margin-bottom:10px\"></TD><TD class=content>".$db->f("filename")."<BR>rechtsbündig</TD></TR>";
        }

        if ($i == 0){
                echo "<TR><TD class=content colspan=2>".$lngUpl["dirisempty"]."</TR>";
        }

    }
        echo "</TABLE>";

chrila
Beiträge: 49
Registriert: Di 17. Sep 2002, 16:31
Wohnort: Essen
Kontaktdaten:

Beitrag von chrila » Fr 15. Nov 2002, 12:17

Vielen Dank,

werde ich nachher mal ausprobieren; nach Feierabend ;-)

Christian

hypekermit
Beiträge: 213
Registriert: Mi 9. Okt 2002, 21:24
Kontaktdaten:

bilder upload funzt net

Beitrag von hypekermit » Fr 15. Nov 2002, 20:24

hab die datei eingefügt und die sql abfrage auch...

die tabelle wird angezeigt aber ohne bilder???

hier meine datei... komplett ich habe allerdings noch die farbtabelle drin

<?
if ($submit == "editcontent") {
consaveContentEntry($idsidelang, "CMS_HTML", $typenr, $CMS_HTML);
conGenerateCodeForSideInAllCategories($idside);
Header("Location:".$sess->url("front_content_edit.inc.php?area=$tmp_area&idside=$idside&idcat=$idcat&lang=$lang")."");
}
?>
<html>
<head>
<title>contenido</title>
<link rel="stylesheet" type="text/css" href="<? print $ContenidoPath ?>contenido.css">
<style>
.tbToolbar {BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: #e1e9ff 1px solid; LEFT: 0px; BORDER-LEFT: #e1e9ff 1px solid; BORDER-BOTTOM: buttonshadow 1px solid; POSITION: relative; TOP: 0px; HEIGHT: 27px; BACKGROUND-COLOR: #d2e0ff}
.tbButton {BORDER-RIGHT: #d2e0ff 1px solid; BORDER-TOP: #d2e0ff 1px solid; BORDER-LEFT: #d2e0ff 1px solid; WIDTH: 23px; BORDER-BOTTOM: #d2e0ff 1px solid; POSITION: absolute; TOP: 1px; HEIGHT: 23px; BACKGROUND-COLOR: #d2e0ff}
.tbIcon {LEFT: -1px; POSITION: absolute; TOP: -1px}
.tbSeparator {BORDER-RIGHT: #e1e9ff 1px solid; FONT-SIZE: 0px; BORDER-LEFT: buttonshadow 1px solid; WIDTH: 1px; POSITION: absolute; TOP: 1px; HEIGHT: 22px}
.tbMenu {BORDER-RIGHT: #d2e0ff 1px solid; BORDER-TOP: #d2e0ff 1px solid; FONT-SIZE: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #d2e0ff 1px solid; WIDTH: 1px; CURSOR: default; PADDING-TOP: 4px; BORDER-BOTTOM: #d2e0ff 1px solid; FONT-FAMILY: MS Sans Serif; POSITION: absolute; TOP: 1px; BACKGROUND-COLOR: #d2e0ff}
.tbMenuItem {DISPLAY: none; FONT-SIZE: 8px; CURSOR: default; FONT-FAMILY: MS Sans Serif}
.tbSubmenu {DISPLAY: none; FONT-SIZE: 8px; CURSOR: default; FONT-FAMILY: MS Sans Serif}
.tbGeneral {POSITION: absolute; TOP: 2px; HEIGHT: 22px}
.tbHandleDiv {BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: #e1e9ff 1px solid; FONT-SIZE: 1px; BORDER-LEFT: #e1e9ff 1px solid; WIDTH: 3px; POSITION: absolute; TOP: 1px; HEIGHT: 22px; BACKGROUND-COLOR: #d2e0ff}
.tbButtonMouseOverUp {BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: #e1e9ff 1px solid; BORDER-LEFT: #e1e9ff 1px solid; WIDTH: 24px; BORDER-BOTTOM: buttonshadow 1px solid; POSITION: absolute; TOP: 1px; HEIGHT: 23px; BACKGROUND-COLOR: #d2e0ff}
.tbButtonMouseOverDown {BORDER-RIGHT: #e1e9ff 1px solid; BORDER-TOP: buttonshadow 1px solid; BORDER-LEFT: buttonshadow 1px solid; WIDTH: 24px; BORDER-BOTTOM: #e1e9ff 1px solid; POSITION: absolute; TOP: 1px; HEIGHT: 23px; BACKGROUND-COLOR: #d2e0ff}
.tbButtonDown {BORDER-RIGHT: #e1e9ff 1px solid; BORDER-TOP: buttonshadow 1px solid; BORDER-LEFT: buttonshadow 1px solid; WIDTH: 24px; BORDER-BOTTOM: #e1e9ff 1px solid; POSITION: absolute; TOP: 1px; HEIGHT: 23px; BACKGROUND-COLOR: #b5cbff}
.tbIconDown {LEFT: 0px; POSITION: absolute; TOP: 0px}
.tbIconDownPressed {LEFT: 1px; POSITION: absolute; TOP: 1px}
.tbMenuBodyOuterDiv {BORDER-RIGHT: threeddarkshadow 1px solid; BORDER-TOP: buttonface 1px solid; BORDER-LEFT: buttonface 1px solid; CURSOR: default; BORDER-BOTTOM: threeddarkshadow 1px solid; POSITION: absolute; BACKGROUND-COLOR: #d2e0ff}
.tbMenuBodyInnerDiv {BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; BORDER-LEFT: buttonhighlight 1px solid; CURSOR: default; BORDER-BOTTOM: buttonshadow 1px solid}
.tbMenuBodyTable {BORDER-RIGHT: menu 1px solid; BORDER-TOP: menu 1px solid; BORDER-LEFT: menu 1px solid; CURSOR: default; BORDER-BOTTOM: menu 1px solid}
.tbMenuSeparator {DISPLAY: none}
.tbMenuSeparatorTop {FONT-SIZE: 0px; WIDTH: 94%; BORDER-BOTTOM: buttonshadow 1px solid; POSITION: relative; HEIGHT: 5px}
.tbMenuSeparatorBottom {BORDER-TOP: #e1e9ff 1px solid; FONT-SIZE: 0px; WIDTH: 94%; POSITION: relative; HEIGHT: 5px}
.tbMenuBlankSpace {WIDTH: 20px}
.tbSubmenuGlyph {WIDTH: 20px; FONT-FAMILY: webdings; TEXT-ALIGN: right}
.tbMenuItemChecked {WIDTH: 20px; FONT-FAMILY: webdings; TEXT-ALIGN: right}
.tbMenuIcon {BORDER-RIGHT: #d2e0ff 1px solid; BORDER-TOP: #d2e0ff 1px solid; BORDER-LEFT: #d2e0ff 1px solid; BORDER-BOTTOM: #d2e0ff 1px solid; BACKGROUND-COLOR: #d2e0ff}
.tbMenuIconChecked {BORDER-RIGHT: #e1e9ff 1px solid; BORDER-TOP: buttonshadow 1px solid; BORDER-LEFT: buttonshadow 1px solid; BORDER-BOTTOM: #e1e9ff 1px solid; BACKGROUND-COLOR: #d2e0ff}
.tbMenuIconMouseOver {BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: #e1e9ff 1px solid; BORDER-LEFT: #e1e9ff 1px solid; BORDER-BOTTOM: buttonshadow 1px solid; BACKGROUND-COLOR: #d2e0ff}
.tbMenuIconCheckedMouseOver {BORDER-RIGHT: #e1e9ff 1px solid; BORDER-TOP: buttonshadow 1px solid; BORDER-LEFT: buttonshadow 1px solid; BORDER-BOTTOM: #e1e9ff 1px solid; BACKGROUND-COLOR: #d2e0ff}
.tbScriptlet {VISIBILITY: hidden; CURSOR: default; POSITION: absolute}
/*.tbContentElement {LEFT: 0px; WIDTH: 1px; POSITION: absolute; TOP: 0px; HEIGHT: 1px}
</style>
<SCRIPT language=JavaScript type=text/javascript>
var bLoad=false
public_description=new Editor

function Editor() {
this.put_html=put_html;
this.get_html=get_html;
}
function get_html() {
if (bMode) return idEdit.document.body.innerHTML;
else return idEdit.document.body.innerText;
}

function put_html(sVal) {
if (bMode) idEdit.document.body.innerHTML=unescape(sVal);
else idEdit.document.body.innerText=sVal;
}
var sHeader="<BODY STYLE=\"font:10pt tahoma,arial,sans-serif;margin:0px; BACKGROUND-COLOR: #D2E0FF;\">";

var bMode=true,sel=null;

function format(what,opt,ask) {
if (!bMode) return;
if (opt=="removeFormat") {
what=opt;
opt=null;
}
if (bMode) {
if(!ask){
if (opt==null) idEdit.document.execCommand(what);
else idEdit.document.execCommand(what,"",opt);
} else {
if (opt==null) idEdit.document.execCommand(what,ask);
else idEdit.document.execCommand(what,ask,opt);
}
var s=idEdit.document.selection.createRange();
if(what!='InsertImage'){
var p=s.parentElement();
if ((p.tagName=="FONT") && (p.style.backgroundColor!="")) p.outerHTML=p.innerHTML;
}
idEdit.focus();
}
sel=null;
}

function formatsize(what,mod) {
if (!bMode) return;
if (bMode) {
if (mod != 0){
var size = idEdit.document.queryCommandValue(what);
idEdit.document.execCommand(what,"",size+mod);
} else {
idEdit.document.execCommand(what,"",2);
}
var s=idEdit.document.selection.createRange();
var p=s.parentElement();
if ((p.tagName=="FONT") && (p.style.backgroundColor!="")) p.outerHTML=p.innerHTML;
idEdit.focus();
}
sel=null;
}


function getEl(sTag,start) {
while ((start!=null) && (start.tagName!=sTag)) start = start.parentElement;
return start;
}


var whichMode = 1;
function changeMode() {
if (whichMode == 0){
if (event.srcElement.tagName == "IMG") event.srcElement.src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_html.gif";
setMode(true);
whichMode = 1;
} else {
if (event.srcElement.tagName == "IMG") event.srcElement.src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_wys.gif";
setMode(false);
whichMode = 0;
}
}
function encodeHTMLQuotes(strIn){
var strOut;

strOut = strIn;
/**
strOut=strOut.replace(/<P>/g,'<lft>');
strOut=strOut.replace(/<P align=center>/g,'<cnt>');
strOut=strOut.replace(/<P align=right>/g,'<rht>');
strOut=strOut.replace(/<P align=left>/g,'<lft>');
strOut=strOut.replace(/<div>/g,'<lft>');
strOut=strOut.replace(/<div align=center>/g,'<cnt>');
strOut=strOut.replace(/<div align=right>/g,'<rht>');
strOut=strOut.replace(/<div align=left>/g,'<lft>');

strOut=strOut.replace(/<rht>/g,'<div align=right>');
strOut=strOut.replace(/<cnt>/g,'<div align=center>');
strOut=strOut.replace(/<lft>/g,'<div align=left>');
strOut=strOut.replace(/<\/P>/gi,'</div>');
*/
strOut=strOut.replace(/<FB>{/gi,'<FB>&#123;');
strOut=strOut.replace(/}<\/FB>/gi,'&#125;</FB>');
strOut=strOut.replace(/<STRONG>/g,'<b>');
strOut=strOut.replace(/<\/STRONG>/gi,'</b>');
strOut=strOut.replace(/<EM>/g,'<i>');
strOut=strOut.replace(/<\/EM>/gi,'</i>');
// strOut=strOut.replace(/<img/gi,'<img align="right"');
//alert(strOut);
return escape(strOut);
}
function formatOutput(tmp) {
var out='';
var arr = tmp.split('<\/P>');
for (i=0; i < arr.length-1; i++)arr=arr.substr(arr.indexOf('<'));
for (i=1; i < arr.length-1; i++){
if(arr[i-1].substr(0,5) == arr.substr(0,5)){
arr[i-1] = arr[i-1]+'<br>'+arr.substr(5);
arr = '';
i++;
}
}
for(i=0; i<arr.length; i++) out+=(arr!='' && arr.substr(arr.length - 4)!='<\/P>')?arr + '<\/P>':(arr[i]!='')?arr[i]:'';
return out;
}

function preview(){
var tmpstr = encodeHTMLQuotes(get_html());
var win = document.open('blank.htm', '_blank', 'channelmode=0; directories=0; fullscreen=0; height=300; left=200; location=0; menubar=0; resizable=1; scrollbars=1; status=0; titlebar=0; toolbar=0; top=100; width=300;');
win.document.body.innerHTML=tmpstr;
}

function normalizeContent(){
inpVal = eval('document.all.text.value')
loadDoc(inpVal);
setInterval("saveIt()",500)
}

function setMode(bNewMode) {
EnableDisable();
if (bNewMode!=bMode) {
if (bNewMode) {
var sContents=idEdit.document.body.innerText;
idEdit.document.open();
idEdit.document.write(sHeader);
idEdit.document.close();
idEdit.document.body.innerHTML=sContents;
} else {
var fonts=idEdit.document.body.all.tags("FONT")
for (var i=0;i<fonts.length;i++) if (fonts[i].style.backgroundColor!="") fonts[i].outerHTML=fonts[i].innerHTML;
var sContents=idEdit.document.body.innerHTML;
idEdit.document.open();
idEdit.document.write("<BODY style=\"font:10pt fixedsys, monospace; margin: 5px;\">");
idEdit.document.close();
idEdit.document.body.innerText=sContents;
}
bMode=bNewMode;
}
idEdit.focus();
}
function loadDoc(urls){
idEdit.document.open();
idEdit.document.write(sHeader);
idEdit.document.close();
idEdit.document.designMode="On";
setTimeout("put_html('"+urls+"');",100);
}
function saveIt(){
eval('document.all.text.value = encodeHTMLQuotes(get_html());')
}

function insertlink()
{
idEdit.document.execCommand('CreateLink');
}

function removelink()
{
idEdit.document.execCommand('Unlink');
}

function ColorPalette_OnClick(colorString){
cpick.bgColor=colorString;
document.all.colourp.value=colorString;
idEdit.document.execCommand('ForeColor',0,colorString);
}

clientPC = navigator.userAgent.toLowerCase();
is_ie = ((this.clientPC.indexOf("msie") != -1) && (this.clientPC.indexOf("opera") == -1));

if(!is_ie){
document.writeln('<font color="darkred"><b>&nbsp;&nbsp;&nbsp;ACHTUNG: DER WYSIWYG- EDITOR FUNKTIONIERT NUR IM INTERNET EXPLORER!</b></font>');
}

</SCRIPT>
</HEAD>
<BODY MARGINHEIGHT=0 MARGINWIDTH=0 LEFTMARGIN=0 TOPMARGIN=0 onload=normalizeContent();>
<table width="100%" border=0 cellspacing="0" cellpadding="0" bgcolor=<? echo "$bg"; ?> >
<tr>
<td width="10" rowspan="4"><img src="<? print $ContenidoPath.$cfgPathImg ?>space.gif" width="10" height="10"></td>
<td width="100%"><img src="<? print $ContenidoPath.$cfgPathImg ?>space.gif" width="10" height="10"></td>
<td width="10" rowspan="4"><img src="<? print $ContenidoPath.$cfgPathImg ?>space.gif" width="10" height="10"></td>
</tr>
<tr>
<td>

<?

$sql = "SELECT * FROM $cfgTab_content AS A, $cfgTab_side_lang AS B, $cfgTab_type AS C WHERE A.idtype=C.idtype AND A.idsidelang=B.idsidelang AND B.idsidelang='$idsidelang'";
$db->query($sql);
while ($db->next_record()) {
$a_content[$db->f("type")][$db->f("typeid")] = $db->f("value");
$a_description[$db->f("type")][$db->f("typeid")] = $db->f("description");
}
echo " <FORM method=\"post\" action=\"".$sess->url("front_content_edit.inc.php")."\">";
$sess->hidden_session();
echo " <INPUT type=hidden name=lang value=\"$lang\">";
echo " <INPUT type=hidden name=submit value=\"editcontent\">";
echo " <INPUT type=hidden name=typenr value=\"$typenr\">";
echo " <INPUT type=hidden name=idside value=\"$idside\">";
echo " <INPUT type=hidden name=action value=\"10\">";
echo " <INPUT type=hidden name=type value=\"$type\">";
echo " <INPUT type=hidden name=idcat value=\"$idcat\">";
echo " <INPUT type=hidden name=idsidelang value=\"$idsidelang\">";
echo " <INPUT type=hidden name=test value=\"Test\">";

echo " <TABLE cellpadding=$cellpadding cellspacing=$cellpadding border=0>";

echo " <TR><TD valign=top class=head nowrap>&nbsp;".$typenr.".&nbsp;".$a_description[$type][$typenr].":&nbsp;</TD><TD class=content>";

echo " <input type=\"hidden\" name=\"CMS_HTML\" id=\"text\" value=\"".$a_content[$type][$typenr]."\">";
?>
<DIV class=tbToolbar id=FormatToolbar>
<SPAN class=tbGeneral id=DECMD_HEADLINE title=Headline>
<select name="doClass" onchange="format('FormatBlock',this.value)">
<option value="<P>">normaler Text</option>
<option value="<H1>">&Uuml;berschrift 1</option>
<option value="<H2>">&Uuml;berschrift 2</option>
<option value="<H3>">&Uuml;berschrift 3</option>
<option value="<H4>">&Uuml;berschrift 4</option>
<option value="<H5>">&Uuml;berschrift 5</option>
</select></SPAN>

<SPAN class=tbSeparator></SPAN>

<SPAN class=tbButton id=DECMD_FU title=Größer onclick="formatsize('FontSize',1);"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_fontup.gif" width=23></SPAN>
<SPAN class=tbButton id=DECMD_FN title=Normal onclick="formatsize('FontSize',0);"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_fontnorm.gif" width=23></SPAN>
<SPAN class=tbButton id=DECMD_FD title=Kleiner onclick="formatsize('FontSize',-1);"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_fontdown.gif" width=23></SPAN>

<SPAN class=tbSeparator></SPAN>

<SPAN class=tbButton id=DECMD_BOLD title="Fett" onclick="format('bold');"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_bold.gif" width=23></SPAN>
<SPAN class=tbButton id=DECMD_ITALIC title="Kursiv" onclick="format('italic');"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_italic.gif" width=23></SPAN>
<SPAN class=tbButton id=DECMD_UNDERLINE title="Unterstrichen" onclick="format('underline');"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_under.gif" width=23></SPAN>
<SPAN class=tbButton id=DECMD_STRIKE title="Durchgestrichen" onclick="format('strikethrough');"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_strikethrough.gif" width=23></SPAN>

<SPAN class=tbSeparator></SPAN>

<SPAN class=tbButton id=DECMD_JUSTIFYLEFT title="Linksbündig" onclick="format('justifyleft');" NAME="Justify"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_left.gif" width=23></SPAN>
<SPAN class=tbButton id=DECMD_JUSTIFYCENTER title="Zentriert" onclick="format('justifycenter');" NAME="Justify"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_center.gif" width=23></SPAN>
<SPAN class=tbButton id=DECMD_JUSTIFYRIGHT title="Rechtsbündig" onclick="format('justifyright');" NAME="Justify"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_right.gif" width=23></SPAN>
<SPAN class=tbButton id=DECMD_JUSTIFYFULL title="Blocksatz" onclick="format('justifyfull');" NAME="Justify"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_block.gif" width=23></SPAN>


<SPAN class=tbSeparator></SPAN>

<SPAN class=tbButton id=DECMD_ORDERLIST title="Bulletted List" onclick="format('insertorderedlist');"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_numlist.gif" width=23></SPAN>
<SPAN class=tbButton id=DECMD_UNORDERLIST title="Numbered List" onclick="format('insertunorderedlist');"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_bullist.gif" width=23></SPAN>

<SPAN class=tbSeparator></SPAN>

<SPAN class=tbButton id=DECMD_OUTDENT title="Decrease Indent" onclick="format('outdent');"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_deindent.gif" width=23></SPAN>
<SPAN class=tbButton id=DECMD_INDENT title="Increase Indent" onclick="format('indent');"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_inindent.gif" width=23></SPAN>

<SPAN class=tbSeparator></SPAN>

</DIV>
<DIV class=tbToolbar id=MiscToolbar>

<SPAN class=tbButton id=DECMD_HR title=Linie onclick="format('InsertHorizontalRule');"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_hr.gif" width=23></SPAN>

<SPAN class=tbSeparator></SPAN>

<SPAN class=tbButton id=DECMD_ILINK title="Link einfügen" onclick="insertlink();"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_link1.gif" width=23></SPAN>
<SPAN class=tbButton id=DECMD_DLINK title="Link löschen" onclick="removelink();"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_unlink1.gif" width=23></SPAN>

<SPAN class=tbSeparator></SPAN>

<SPAN class=tbButton id=DECMD_CUT title=Cut onclick="format('cut');"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_cut.gif" width=23></SPAN>
<SPAN class=tbButton id=DECMD_COPY title=Copy onclick="format('copy');"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_copy.gif" width=23></SPAN>
<SPAN class=tbButton id=DECMD_PASTE title=Paste onclick="format('paste');"><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_paste.gif" width=23></SPAN>

<SPAN class=tbSeparator></SPAN>

<SPAN class=tbButton id=DECMD_HTML title=HTML/WYSIWYG onclick=changeMode();><IMG class=tbIcon height=22 src="<? print $ContenidoPath.$cfgPathImg ?>wysiwyg_html.gif" width=23></SPAN>

<SPAN class=tbSeparator></SPAN>

</DIV>

<IFRAME class=tbContentElement id=tbContentElement name=idEdit src="about:blank" width=600 height=300></IFRAME>
<SCRIPT language=Javascript src="<? echo $ContenidoPath ?>tpl/tplInputField_CMS_HTML.js"></SCRIPT>

</td>

//**************Beginn Farbtabelle
<td>

<table bgcolor="#000000" width="74" id="cpick" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<input type="text" name="colourp" size="8" value="#000000" style="width:74px; font: 8pt verdana" readonly>
<table border="1" bgcolor="#CCCCCC" cellpadding="0" cellspacing="0" width="74">
<tr>
<td bgcolor="#ffffff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ffffff')"></td>
<td bgcolor="#ffffcc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ffffcc')"></td>
<td bgcolor="#ffff99" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ffff99')"></td>
<td bgcolor="#ffff66" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ffff66')"></td>
<td bgcolor="#ffff33" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ffff33')"></td>
<td bgcolor="#ffff00" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ffff00')"></td>
</tr>
<tr>
<td bgcolor="#ccffff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ccffff')"></td>
<td bgcolor="#ccffcc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ccffcc')"></td>
<td bgcolor="#ccff99" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ccff99')"></td>
<td bgcolor="#ccff66" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ccff66')"></td>
<td bgcolor="#ccff33" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ccff33')"></td>
<td bgcolor="#ccff00" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ccff00')"></td>
</tr>
<tr>
<td bgcolor="#99ffff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#99ffff')"></td>
<td bgcolor="#99ffcc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#99ffcc')"></td>
<td bgcolor="#99ff99" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#99ff99')"></td>
<td bgcolor="#99ff66" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#99ff66')"></td>
<td bgcolor="#99ff33" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#99ff33')"></td>
<td bgcolor="#99ff00" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#99ff00')"></td>
</tr>
<tr>
<td bgcolor="#00ffff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#00ffff')"></td>
<td bgcolor="#00ffcc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#00ffcc')"></td>
<td bgcolor="#00ff99" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#00ff99')"></td>
<td bgcolor="#00ff66" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#00ff66')"></td>
<td bgcolor="#00ff33" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#00ff33')"></td>
<td bgcolor="#00ff00" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#00ff00')"></td>
</tr>
<tr>
<td bgcolor="#ffccff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ffccff')"></td>
<td bgcolor="#ffcccc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ffcccc')"></td>
<td bgcolor="#ffcc99" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ffcc99')"></td>
<td bgcolor="#ffcc66" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ffcc66')"></td>
<td bgcolor="#ffcc33" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ffcc33')"></td>
<td bgcolor="#ffcc00" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ffcc00')"></td>
</tr>
<tr>
<td bgcolor="#ccccff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ccccff')"></td>
<td bgcolor="#cccccc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cccccc')"></td>
<td bgcolor="#cccc99" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cccc99')"></td>
<td bgcolor="#cccc66" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cccc66')"></td>
<td bgcolor="#cccc33" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cccc33')"></td>
<td bgcolor="#cccc00" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cccc00')"></td>
</tr>
<tr>
<td bgcolor="#00ccff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#00ccff')"></td>
<td bgcolor="#00cccc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#00cccc')"></td>
<td bgcolor="#00cc99" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#00cc99')"></td>
<td bgcolor="#00cc66" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#00cc66')"></td>
<td bgcolor="#00cc33" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#00cc33')"></td>
<td bgcolor="#00cc00" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#00cc00')"></td>
</tr>
<tr>
<td bgcolor="#ff99ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff99ff')"></td>
<td bgcolor="#ff99cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff99cc')"></td>
<td bgcolor="#ff9999" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff9999')"></td>
<td bgcolor="#ff9966" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff9966')"></td>
<td bgcolor="#ff9933" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff9933')"></td>
<td bgcolor="#ff9900" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff9900')"></td>
</tr>
<tr>
<td bgcolor="#cc99ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc99ff')"></td>
<td bgcolor="#cc99cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc99cc')"></td>
<td bgcolor="#cc9999" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc9999')"></td>
<td bgcolor="#cc9966" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc9966')"></td>
<td bgcolor="#cc9933" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc9933')"></td>
<td bgcolor="#cc9900" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc9900')"></td>
</tr>
<tr>
<td bgcolor="#9999ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#9999ff')"></td>
<td bgcolor="#9999cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#9999cc')"></td>
<td bgcolor="#999999" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#999999')"></td>
<td bgcolor="#999966" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#999966')"></td>
<td bgcolor="#999933" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#999933')"></td>
<td bgcolor="#999900" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#999900')"></td>
</tr>
<tr>
<td bgcolor="#6699ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#6699ff')"></td>
<td bgcolor="#6699cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#6699cc')"></td>
<td bgcolor="#669999" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#669999')"></td>
<td bgcolor="#669966" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#669966')"></td>
<td bgcolor="#669933" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#669933')"></td>
<td bgcolor="#669900" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#669900')"></td>
</tr>
<tr>
<td bgcolor="#3399ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#3399ff')"></td>
<td bgcolor="#3399cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#3399cc')"></td>
<td bgcolor="#339999" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#339999')"></td>
<td bgcolor="#339966" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#339966')"></td>
<td bgcolor="#339933" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#339933')"></td>
<td bgcolor="#339900" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#339900')"></td>
</tr>
<tr>
<td bgcolor="#0099ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#0099ff')"></td>
<td bgcolor="#0099cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#0099cc')"></td>
<td bgcolor="#009999" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#009999')"></td>
<td bgcolor="#009966" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#009966')"></td>
<td bgcolor="#009933" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#009933')"></td>
<td bgcolor="#009900" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#009900')"></td>
</tr>
<tr>
<td bgcolor="#ff66ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff66ff')"></td>
<td bgcolor="#ff66cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff66cc')"></td>
<td bgcolor="#ff6699" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff6699')"></td>
<td bgcolor="#ff6666" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff6666')"></td>
<td bgcolor="#ff6633" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff6633')"></td>
<td bgcolor="#ff6600" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff6600')"></td>
</tr>
<tr>
<td bgcolor="#cc66ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc66ff')"></td>
<td bgcolor="#cc66cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc66cc')"></td>
<td bgcolor="#cc6699" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc6699')"></td>
<td bgcolor="#cc6666" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc6666')"></td>
<td bgcolor="#cc6633" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc6633')"></td>
<td bgcolor="#cc6600" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc6600')"></td>
</tr>
<tr>
<td bgcolor="#9966ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#9966ff')"></td>
<td bgcolor="#9966cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#9966cc')"></td>
<td bgcolor="#996699" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#996699')"></td>
<td bgcolor="#996666" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#996666')"></td>
<td bgcolor="#996633" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#996633')"></td>
<td bgcolor="#996600" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#996600')"></td>
</tr>
<tr>
<td bgcolor="#6666ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#6666ff')"></td>
<td bgcolor="#6666cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#6666cc')"></td>
<td bgcolor="#666699" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#666699')"></td>
<td bgcolor="#666666" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#666666')"></td>
<td bgcolor="#666633" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#666633')"></td>
<td bgcolor="#666600" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#666600')"></td>
</tr>
<tr>
<td bgcolor="#3366ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#3366ff')"></td>
<td bgcolor="#3366cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#3366cc')"></td>
<td bgcolor="#336699" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#336699')"></td>
<td bgcolor="#336666" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#336666')"></td>
<td bgcolor="#336633" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#336633')"></td>
<td bgcolor="#336600" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#336600')"></td>
</tr>
<tr>
<td bgcolor="#0066ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#0066ff')"></td>
<td bgcolor="#0066cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#0066cc')"></td>
<td bgcolor="#006699" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#006699')"></td>
<td bgcolor="#006666" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#006666')"></td>
<td bgcolor="#006633" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#006633')"></td>
<td bgcolor="#006600" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#006600')"></td>
</tr>
<tr>
<td bgcolor="#ff33ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff33ff')"></td>
<td bgcolor="#ff33cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff33cc')"></td>
<td bgcolor="#ff3399" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff3399')"></td>
<td bgcolor="#ff3366" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff3366')"></td>
<td bgcolor="#ff3333" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff3333')"></td>
<td bgcolor="#ff3300" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff3300')"></td>
</tr>
<tr>
<td bgcolor="#cc33ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc33ff')"></td>
<td bgcolor="#cc33cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc33cc')"></td>
<td bgcolor="#cc3399" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc3399')"></td>
<td bgcolor="#cc3366" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc3366')"></td>
<td bgcolor="#cc3333" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc3333')"></td>
<td bgcolor="#cc3300" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc3300')"></td>
</tr>
<tr>
<td bgcolor="#9933ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#9933ff')"></td>
<td bgcolor="#9933cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#9933cc')"></td>
<td bgcolor="#993399" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#993399')"></td>
<td bgcolor="#993366" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#993366')"></td>
<td bgcolor="#993333" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#993333')"></td>
<td bgcolor="#993300" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#993300')"></td>
</tr>
<tr>
<td bgcolor="#6633ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#6633ff')"></td>
<td bgcolor="#6633cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#6633cc')"></td>
<td bgcolor="#663399" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#663399')"></td>
<td bgcolor="#663366" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#663366')"></td>
<td bgcolor="#663333" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#663333')"></td>
<td bgcolor="#663300" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#663300')"></td>
</tr>
<tr>
<td bgcolor="#3333ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#3333ff')"></td>
<td bgcolor="#3333cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#3333cc')"></td>
<td bgcolor="#333399" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#333399')"></td>
<td bgcolor="#333366" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#333366')"></td>
<td bgcolor="#333333" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#333333')"></td>
<td bgcolor="#333300" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#333300')"></td>
</tr>
<tr>
<td bgcolor="#0033ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#0033ff')"></td>
<td bgcolor="#0033cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#0033cc')"></td>
<td bgcolor="#003399" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#003399')"></td>
<td bgcolor="#003366" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#003366')"></td>
<td bgcolor="#003333" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#003333')"></td>
<td bgcolor="#003300" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#003300')"></td>
</tr>
<tr>
<td bgcolor="#ff00ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff00ff')"></td>
<td bgcolor="#ff00cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff00cc')"></td>
<td bgcolor="#ff0099" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff0099')"></td>
<td bgcolor="#ff0066" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff0066')"></td>
<td bgcolor="#ff0033" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff0033')"></td>
<td bgcolor="#ff0000" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#ff0000')"></td>
</tr>
<tr>
<td bgcolor="#cc00ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc00ff')"></td>
<td bgcolor="#cc00cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc00cc')"></td>
<td bgcolor="#cc0099" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc0099')"></td>
<td bgcolor="#cc0066" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc0066')"></td>
<td bgcolor="#cc0033" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc0033')"></td>
<td bgcolor="#cc0000" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#cc0000')"></td>
</tr>
<tr>
<td bgcolor="#9900ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#9900ff')"></td>
<td bgcolor="#9900cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#9900cc')"></td>
<td bgcolor="#990099" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#990099')"></td>
<td bgcolor="#990066" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#990066')"></td>
<td bgcolor="#990033" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#990033')"></td>
<td bgcolor="#990000" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#990000')"></td>
</tr>
<tr>
<td bgcolor="#6600ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#6600ff')"></td>
<td bgcolor="#6600cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#6600cc')"></td>
<td bgcolor="#660099" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#660099')"></td>
<td bgcolor="#660066" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#660066')"></td>
<td bgcolor="#660033" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#660033')"></td>
<td bgcolor="#660000" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#660000')"></td>
</tr>
<tr>
<td bgcolor="#3300ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#3300ff')"></td>
<td bgcolor="#3300cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#3300cc')"></td>
<td bgcolor="#330099" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#330099')"></td>
<td bgcolor="#330066" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#330066')"></td>
<td bgcolor="#330033" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#330033')"></td>
<td bgcolor="#330000" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#330000')"></td>
</tr>
<tr>
<td bgcolor="#0000ff" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#0000ff')"></td>
<td bgcolor="#0000cc" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#0000cc')"></td>
<td bgcolor="#000099" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#000099')"></td>
<td bgcolor="#000066" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#000066')"></td>
<td bgcolor="#000033" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#000033')"></td>
<td bgcolor="#000000" width="12"><img class="clsCursor" height=8 width=10 border=0 onClick="ColorPalette_OnClick('#000000')"></td>
</tr>
</table>

//**************Ende Farbtabelle
<?
echo " </TD></TR>";
$tmp_area = "con_editcontent";
echo " <TR valign=top><TD colspan=2><br>
<a href=".$sess->url("front_content_edit.inc.php?area=$tmp_area&idside=$idside&idcat=$idcat&lang=$lang")."><img src=\"".$ContenidoPath.$cfgPathImg."but_cancel.gif\" border=0></a>
<INPUT type=image name=submit value=submit src=\"".$ContenidoPath.$cfgPathImg."but_ok.gif\" border=0>
</TD></TR>";

echo " </TABLE>
</FORM>";
$path = $cfgClient[$client]["path"]["img"];
$upltype = "img";


//**************Beginn Bilder Vorschau

$sql = "SELECT * FROM $cfgTab_upl WHERE idclient='$client' AND dirname='$upltype' AND filetype='".$cfgClient[$client]["filetype"]["$upltype"]."' ORDER BY filename";

echo "<TABLE cellpadding=$cellpadding cellspacing=$cellspacing border=$border>";
echo "<TR><TD class=head colspan=2 width=700 nowrap>Bilder:</TD></TR>";
echo "<TR><TD class=head>Vorschau Bilder</TD><TD class=head>Dateiname</TD></TR>";

$sql = "SELECT * FROM $cfgTab_upl WHERE idclient='$client' AND idside='$idside' AND dirname='$upltype' AND filetype='".$cfgClient[$client]["filetype"]["$upltype"]."' ORDER BY filename";
$db->query($sql);
$i = 0;
while ($db->next_record())
{
$i++;

if ($action=30 && $db->f("filename") == $tmp_f) {

echo"<TR><TD class=content width=250><img src=\"".$cfgClient[$client]["frontendpath"]["img"].$db->f("filename")."\" border=0 style=\"vertical-align:text-top; float:left; margin-right:10px; margin-bottom:10px\"></TD><TD class=content>".$db->f("filename")."<BR>linksbündig</TD></TR>";
echo"<TR><TD class=content width=250><img src=\"".$cfgClient[$client]["frontendpath"]["img"].$db->f("filename")."\" border=0 style=\"vertical-align:text-top; float:right; margin-left:10px; margin-bottom:10px\"></TD><TD class=content>".$db->f("filename")."<BR>rechtsbündig</TD></TR>";
}
else {
echo"<TR><TD class=content><img src=\"".$cfgClient[$client]["frontendpath"]["img"].$db->f("filename")."\" border=0 style=\"vertical-align:text-top; float:left; margin-right:10px; margin-bottom:10px\"></TD><TD class=content>".$db->f("filename")."<BR>linksbündig</TD></TR>";
echo"<TR><TD class=content><img src=\"".$cfgClient[$client]["frontendpath"]["img"].$db->f("filename")."\" border=0 style=\"vertical-align:text-top; float:right; margin-left:10px; margin-bottom:10px\"></TD><TD class=content>".$db->f("filename")."<BR>rechtsbündig</TD></TR>";
}

if ($i == 0){
echo "<TR><TD class=content colspan=2>".$lngUpl["dirisempty"]."</TR>";
}

}
echo "</TABLE>";

//**************Ende Bilder Vorschau

?>
</td></tr></table>
</body>
</HTML>

chrila
Beiträge: 49
Registriert: Di 17. Sep 2002, 16:31
Wohnort: Essen
Kontaktdaten:

Beitrag von chrila » Fr 15. Nov 2002, 21:05

Hallo,

bei mir funktioniert der Code ohne Probleme.

Zum Glück habe ich QSL :D

Gruß
Christian

steff
Beiträge: 31
Registriert: Mo 28. Okt 2002, 12:56
Wohnort: Kölle
Kontaktdaten:

Beitrag von steff » Sa 16. Nov 2002, 10:09

@hypekermit:
Du musst die Datenbankabfrage wie oben beschrieben austauschen und nicht einfach oben drüber hängen. Da Contenido normalerweise keine Spalte idside in der Tabelle con_upl hat, kann die Bedingung where idside='$idside' natürlich keine Ergebnisse liefern. Das würde nur mit der Erweiterung Upload_Workflow funktionieren.

Ich möchte mich mal an dieser Stelle bei allen für diesen besch... Namen entschuldigen! :wink:

Viele Grüsse,
Steff

Gesperrt