Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Schippo" data-source="post: 2545360" data-attributes="member: 707412">Hallo Duddle, hallo [USER=577806]@All[/USER],ich hoffe, Du liest meinen Post. Du hast mir mal sehr geholfen bei der Erstellung einer Lichterkette für mein Forum <a href="http://dogs24.xobor.de" target="_blank">http://dogs24.xobor.de</a> (<a href="http://kd2002_9318.webspace20.do.de/mydreambook.de/Lichterkette/lichterkette.php" target="_blank">http://kd2002_9318.webspace20.do.de/mydreambook.de/Lichterkette/lichterkette.php</a>). Ich bekomme 2 Dinge einfach nicht hin:1. der Mutterkerze einen Titel (Beschreibung, wie die Kerze positioniert werden kann) zu verpassen2. Wie kann ich den Bereich um die Mutterkerze sperren, so daß an dieser keine weitere Kerze angereiht werden kann und sich deutlich als Einzelkerze abhebt? Ich dachte an einen Bereich von ca. 20px.Hab schon vieles versucht, aber nichts führte zu einer Lösung. Kannst Du mir hier nochmals behilflich sein? Schon jetzt herzlichen Dank.So sieht der jetzige Code &quot;lichterkette.php&quot; aus:[code]&lt;!DOCTYPE html&gt;&lt;html lang=&quot;en&quot;&gt;&lt;head&gt;&nbsp; &lt;meta charset=&quot;UTF-8&quot;&gt;&nbsp; &lt;title&gt;&lt;/title&gt;&nbsp; &lt;style type=&quot;text/css&quot;&gt;html {background-color: #4E4E4E;}&nbsp;&nbsp; #kerzenbereich {&nbsp; &nbsp; border-color: #B7B7B7;&nbsp; &nbsp; border-width: 1px;&nbsp; &nbsp; border-style: solid;&nbsp; &nbsp; border-radius: 12px;&nbsp; &nbsp; width: 880px;&nbsp; &nbsp; margin: 0 auto;&nbsp; &nbsp; height: 100%;&nbsp; &nbsp; min-height: 653px;&nbsp; &nbsp; background: #272727;&nbsp; &nbsp; padding: 20px;&nbsp; &nbsp; position: relative;&nbsp; &nbsp; }&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;script src=&quot;http://code.jquery.com/jquery-1.11.3.min.js&quot;&gt;&lt;/script&gt;&lt;script src=&quot;http://code.jquery.com/ui/1.11.4/jquery-ui.min.js&quot;&gt;&lt;/script&gt;&lt;script&gt;&nbsp; (function() {&nbsp;&nbsp; &#039;use strict&#039;;&nbsp;&nbsp; $(document).ready(function()&nbsp;&nbsp; {&nbsp; &nbsp; $(&quot;#verschieben&quot;).draggable({&nbsp; &nbsp;&nbsp; helper: &quot;clone&quot;,&nbsp; &nbsp;&nbsp; cursor: &quot;move&quot;,&nbsp; &nbsp;&nbsp; opacity: 0.7,&nbsp; &nbsp;&nbsp; containment: &quot;parent&quot;,&nbsp; &nbsp;&nbsp; scroll: false&nbsp; &nbsp; });&nbsp; &nbsp; $(&quot;#verschieben&quot;).bind(&#039;dragstop&#039;, function(event, ui) {&nbsp; &nbsp;&nbsp; $(this).after($(ui.helper).clone().draggable({&nbsp; &nbsp; &nbsp; helper: &quot;original&quot;,&nbsp; &nbsp; &nbsp; cursor: &quot;move&quot;,&nbsp; &nbsp; &nbsp; opacity: 0.7,&nbsp; &nbsp; &nbsp; containment: &quot;parent&quot;,&nbsp; &nbsp; &nbsp; scroll: false&nbsp; &nbsp;&nbsp; }).attr(&quot;id&quot;, &quot;neueKerze&quot;));&nbsp;&nbsp; &nbsp;&nbsp; $(&quot;#verschieben&quot;).unbind(&#039;dragstop&#039;);&nbsp; &nbsp;&nbsp; var neueKerze = $(&quot;#neueKerze&quot;);&nbsp; &nbsp;&nbsp; neueKerze.append(&#039;&lt;a id=&quot;speicherlink&quot; href=&quot;#&quot;&gt;speichern&lt;/a&gt;&#039;);&nbsp; &nbsp;&nbsp; $(&quot;#speicherlink&quot;).bind(&quot;click&quot;, function() {&nbsp; &nbsp; &nbsp; $.post( &quot;kerzenverwaltung.php&quot;, { x: neueKerze.position().left, y: neueKerze.position().top } );&nbsp; &nbsp; &nbsp; $(this).remove();&nbsp; &nbsp; &nbsp; neueKerze.draggable(&#039;disable&#039;);&nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; });&nbsp;&nbsp; });&nbsp; })();&lt;/script&gt;&lt;div id=&quot;kerzenbereich&quot;&gt;&nbsp; &lt;div class=&quot;ui-draggable ui-draggable-handle&quot; id=&quot;verschieben&quot;&gt;&lt;img src=&quot;http://www.4-wände.de/hpfixseparat_blumenkerze_2.gif&quot;&gt;&lt;/div&gt;&nbsp; &lt;?php include(&#039;kerzenverwaltung.php&#039;); ?&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;[/code]Gruß Schippo</blockquote>

[QUOTE="Schippo, post: 2545360, member: 707412"] Hallo Duddle, hallo [USER=577806]@All[/USER], ich hoffe, Du liest meinen Post. Du hast mir mal sehr geholfen bei der Erstellung einer Lichterkette für mein Forum [URL]http://dogs24.xobor.de[/URL] ([URL]http://kd2002_9318.webspace20.do.de/mydreambook.de/Lichterkette/lichterkette.php[/URL]). Ich bekomme 2 Dinge einfach nicht hin: 1. der Mutterkerze einen Titel (Beschreibung, wie die Kerze positioniert werden kann) zu verpassen 2. Wie kann ich den Bereich um die Mutterkerze sperren, so daß an dieser keine weitere Kerze angereiht werden kann und sich deutlich als Einzelkerze abhebt? Ich dachte an einen Bereich von ca. 20px. Hab schon vieles versucht, aber nichts führte zu einer Lösung. Kannst Du mir hier nochmals behilflich sein? Schon jetzt herzlichen Dank. So sieht der jetzige Code "lichterkette.php" aus: [code]<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> html {background-color: #4E4E4E;} #kerzenbereich { border-color: #B7B7B7; border-width: 1px; border-style: solid; border-radius: 12px; width: 880px; margin: 0 auto; height: 100%; min-height: 653px; background: #272727; padding: 20px; position: relative; } </style> </head> <body> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> <script> (function() { 'use strict'; $(document).ready(function() { $("#verschieben").draggable({ helper: "clone", cursor: "move", opacity: 0.7, containment: "parent", scroll: false }); $("#verschieben").bind('dragstop', function(event, ui) { $(this).after($(ui.helper).clone().draggable({ helper: "original", cursor: "move", opacity: 0.7, containment: "parent", scroll: false }).attr("id", "neueKerze")); $("#verschieben").unbind('dragstop'); var neueKerze = $("#neueKerze"); neueKerze.append('<a id="speicherlink" href="#">speichern</a>'); $("#speicherlink").bind("click", function() { $.post( "kerzenverwaltung.php", { x: neueKerze.position().left, y: neueKerze.position().top } ); $(this).remove(); neueKerze.draggable('disable'); return false; }); }); }); })(); </script> <div id="kerzenbereich"> <div class="ui-draggable ui-draggable-handle" id="verschieben"><img src="http://www.4-wände.de/hpfixseparat_blumenkerze_2.gif"></div> <?php include('kerzenverwaltung.php'); ?> </div> </body> </html>[/code] Gruß Schippo [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?