Insite Editing Buttons

[Dinkel]

Wo muss ich denn eingreifen, damit die Buttons "Text HTML" und "Speichern" im Insite Editing nicht nur ganz unten auf der Seite angezeigt werden, sondern auch über dem Inhalt? Würde das lästige herungerscrollen ersparen.

[emergence]

db tabelle con_type
beim jeweiligen typ feld code

[Dinkel]

habs gefunden. Ist logischer Weise der Typ CMS_HTML. Da muss man ganz am Ende aus

Code: Alles auswählen

$tmp = $finalEditDiv . $finalEditButton . $finalSaveButton;

das machen:

Code: Alles auswählen

$tmp = $finalEditButton . $finalSaveButton . $finalEditDiv . $finalEditButton . $finalSaveButton;

[erikawiese]

Nach der beschriebenen Änderung wandern die Buttons bei mir über die Eingabe-Box (s.u.)


Übrigens: es muss "$finalEditingDiv" heißen nicht "$finalEditDiv", jedenfalls in meiner Version 4.6.15

[erikawiese]

Die Frage, warum der Text nicht sichtbar ist kann ich mir jetzt selbst beantworten. Es muss "$finalEditingDiv " heissen und nicht wie oben angegeben "$finalEditDiv" vielleicht versionsabhängig?

[erikawiese]

WIE BEKOMME ICH DIE BUTTONS NACH OBEN?
Bilder sagen ja bekanntlich mehr als tausend Worte:


Die Edit-Buttons sollen weiter nach oben verschoben werden. Ich hab den oben beschriebenen Ansatz ausprobiert. Die Edit-Buttons sind daraufhin direkt über die Eingabebox gewandert (siehe Bild vorheriger Eintrag)

[Dinkel]

dazu ist die Änderung auch da... es ist glaub ich nicht ganz klar, was Du machen willst...

[erikawiese]

dazu ist die Änderung auch da... es ist glaub ich nicht ganz klar, was Du machen willst...

wie im oberen Bild zu sehen ist, sind die Buttons nicht richtig zugänglich, da teilweise verdeckt (nur im MozillaFF). Deshalb will ich Sie weiter oben platzieren.

[Dodger77]

Deshalb will ich Sie weiter oben platzieren.

Dazu wirst du wohl deine Stylesheets anpassen müssen.

[erikawiese]

Dazu wirst du wohl deine Stylesheets anpassen müssen.

und wie? glaub ich verschieb diese baustelle erstmal weiter nach hinten. der explorer zeigt es ja richtig an. danke für eure antworten

[miertschink_st]

Da auch bei mir die Buttons für Editieren und Speichern überdeckt wurden, habe ich mal ein wenig in der con_type rumgepfuscht und das Feld CMS_HTML ein wenig verändert. Ich hab im Prinzip beiden Buttons den z-index 99 verpasst und zusätzlich noch die position auf absolute geändert. Dann musste ich dem Speichern button nach etwas Abstand nach links verpassen, damit er nicht unter dem Edit-Button verschwindet sondern rechts daneben zu sehen ist.
Zum Schluss habe ich noch dem insiteEditingDIV die position relative mitgegeben. Jetzt funktionierts zumindest bei mir im aktuellen Projekt ganz gut.

hier dann also alles was in meiner con_type im Feld CMS_HTML unter code steht:

Code: Alles auswählen

/** 
 * CMS_HTML 
 */ 
$tmp = $a_content['CMS_HTML'][$val]; 
$tmp = urldecode($tmp); 

$tmp = AddSlashes(AddSlashes($tmp)); 
$tmp = str_replace("\\\'","'",$tmp); 
$tmp = str_replace("\$",'\\\$',$tmp); 

cInclude("includes", "functions.lang.php"); 
cInclude("classes", "class.htmlelements.php"); 

if ($edit) { 
    if ($tmp == "") { 
        $tmp = " "; 
    } 
    $insiteEditingDIV = new cHTMLDiv; 
    $insiteEditingDIV->setId("HTML_".$db->f("idtype")."_".$val); 
    $insiteEditingDIV->setEvent("Focus", "this.style.border='1px solid #bb5577';"); 
    $insiteEditingDIV->setEvent("Blur", "this.style.border='1px dashed #bfbfbf';"); 
    $insiteEditingDIV->setStyleDefinition("border", "1px dashed #bfbfbf");
	$insiteEditingDIV->setStyleDefinition(" position", "relative"); 
    $insiteEditingDIV->setStyleDefinition("direction", langGetTextDirection($lang)); 
    
    $insiteEditingDIV->updateAttributes(array("contentEditable" => "true")); 
    
    $insiteEditingDIV->setContent("_REPLACEMENT_"); 
    

    /* Edit anchor and image */ 
    $editLink = $sess->url("front_content.php?action=10&idcat=$idcat&idart=$idart&idartlang=$idartlang&type=CMS_HTML&typenr=$val"); 
    $editAnchor = new cHTMLLink; 
    $editAnchor->setLink("javascript:setcontent('$idartlang','" . $editLink . "');"); 
    
    $editButton = new cHTMLImage; 
    $editButton->setSrc($cfg["path"]["contenido_fullhtml"].$cfg["path"]["images"]."but_edithtml.gif"); 
    $editButton->setBorder(0); 
    
   $editButton->setStyleDefinition("margin-right", "2px"); 
   $editButton->setStyleDefinition(" z-index", "99");  
   $editButton->setStyleDefinition(" position", "absolute"); 
   
    
    $editAnchor->setContent($editButton); 
    
    
    /* Save anchor and image */ 
    $saveAnchor = new cHTMLLink; 
    $saveAnchor->setLink("javascript:setcontent('$idartlang','0')"); 
    
    $saveButton = new cHTMLImage; 
    $saveButton->setSrc($cfg["path"]["contenido_fullhtml"].$cfg["path"]["images"]."but_speichern.gif"); 
    $saveButton->setBorder(0); 
	
	$saveButton->setStyleDefinition(" position", "absolute"); 
	$saveButton->setStyleDefinition(" margin-left", "80px"); 
	$saveButton->setStyleDefinition(" z-index", "99");  
    
    $saveAnchor->setContent($saveButton); 

    /* Process for output with echo */ 
    $finalEditButton = $editAnchor->render(); 
    $finalEditButton = AddSlashes(AddSlashes($finalEditButton)); 
    $finalEditButton = str_replace("\\\'","'",$finalEditButton); 
    
    $finalEditingDiv = $insiteEditingDIV->render(); 
    $finalEditingDiv = AddSlashes(AddSlashes($finalEditingDiv)); 
    $finalEditingDiv = str_replace("\\\'","'",$finalEditingDiv); 
    
    $finalEditingDiv = str_replace("_REPLACEMENT_", $tmp, $finalEditingDiv); 
    
    $finalSaveButton = $saveAnchor->render(); 
    $finalSaveButton = AddSlashes(AddSlashes($finalSaveButton)); 
    $finalSaveButton = str_replace("\\\'","'",$finalSaveButton); 
    
    $tmp = $finalEditingDiv . $finalEditButton . $finalSaveButton;
}