Seite 1 von 1

Dynamische Style-Inhalte in Tag

Verfasst: Di 5. Nov 2013, 10:36
von Horst1234
Guten Tag,

ich versuche gerade, ein Responsive Design in contenido umzusetzen, hierbei taucht ein Problem auf:
ich bräuchte eine Möglichkeit, in der Konfiguration einer einzelnen Seite die Höhe eines bestimmten
DIV-Tags direkt einzugeben, z.B. 350px.

Im Quellcode stünde am Ende dann z.B.: <div class="box" style="height:350px">, in der Konfiguration
der Einzelseite wäre ein Eingabefeld, wo der Redakteur dann nur "350" eingeben müßte.

Im Layout müsste hierfür eigentlich dann stehen:
<div class="box" style="heigt:<container id="11" types="" mode="fixed" name="Boxheight" default="???">Boxheight</container>px">
und es bräuchte ein Modul, das die entsprechende Zahl einliest und ausgibt.

Geht so etwas?
Herzliche Grüße aus Bremen,
Horst

Re: Dynamische Style-Inhalte in Tag

Verfasst: Di 5. Nov 2013, 12:32
von Faar
Ich würde es anders machen:
Ein Modul, das die komplette Div-Box ausgibt.
Natürlich bräuchte das Modul noch eine Eingabe.
Hier ein ungeprüftes Beispiel:

Code: Alles auswählen

/*Eingabe
*/
<table border="0">
    <tr>
        <td><?php echo mi18n("Höhe in Pixel");?></td>
        <td><input type="text" name="<?php echo "CMS_VAR[0]";?>" value="<?php echo "CMS_VALUE[0]"; ?>"></td>
    </tr>
</table>
und in der Ausgabe:

Code: Alles auswählen

/*Ausgabe
*/
echo '<div class="box" style="height:"CMS_VALUE[0]";" >';
Ich habe es aber nicht getestet, sondern nur hier schnell zusammengebastelt.
Aber so in der Art könnte es gehen.

Re: Dynamische Style-Inhalte in Tag

Verfasst: Di 5. Nov 2013, 15:09
von Horst1234
Hallo Faar,
vielen Dank erstmal, Ein- und Ausgabe funktionireren nun mit einer kleinen Korrektur:

Code: Alles auswählen

?>
//Eingabe
<table border="0">
    <tr>
        <td><?php echo mi18n("Höhe in Pixel");?></td>
        <td><input type="text" name="<?php echo "CMS_VAR[0]";?>" value="<?php echo "CMS_VALUE[0]"; ?>"></td>
    </tr>
</table>
<?php
und

Code: Alles auswählen

<?php
//Ausgabe
echo '<div class="box" style="height:CMS_VALUE[0]px" >';
?>
Leider gibt es einen Schönheitsfehler: wenn man keinen Wert eingibt, steht im Quellcode style="height:$C4px",
könnte man da einen Defaultwert ausgeben oder einfach nur <div class="box">?
Herzliche Grüße aus Bremen,
Horst

Re: Dynamische Style-Inhalte in Tag

Verfasst: Di 5. Nov 2013, 17:31
von Faar
Achso... ganz einfach:

Gar keinen HTML-Code ausgeben:

Code: Alles auswählen

$height = "CMS_VALUE[0]";
if(!empty($height) || $height != ""){
   echo '<div class="box" style="height:'.$height.'px" >';
}else{
// nothing
}
Gar keinen Style ausgeben:

Code: Alles auswählen

$height = "CMS_VALUE[0]";
if(!empty($height) || $height != ""){
   $style = 'style="height:'.$height.'px";
   echo '<div class="box" '.$style.' >';
}else{
   echo echo '<div class="box">';
}
Mit Defaultwert am besten schon im Input:

Code: Alles auswählen

/*Eingabe
*/
if ("CMS_VALUE[0]" != '') {
    $size = "CMS_VALUE[0]";
} else {
    $size  = '350';
}

<table border="0">
    <tr>
        <td><?php echo mi18n("Höhe in Pixel");?></td>
        <td><input type="text" name="<?php echo "CMS_VAR[0]";?>" value="<?php echo $size; ?>"></td>
    </tr>
</table>

Re: Dynamische Style-Inhalte in Tag

Verfasst: Di 5. Nov 2013, 17:39
von Horst1234
Hallo Faar,
super, vielen Dank, werd ich ausprobieren,
Grüße,
Horst