Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Gibt es denn einen Code für ein bewegliches Fenster?

Hier ist eine Symbolbar mit beweglichem Fenster. Ich würde es allerdings nicht empfehlen, da es je nach Rechnergeschwindigkeit des Benutzers ziemlich langsam sein kann. Zu schnelle Bewegungen des Fensters können dann zu falschen Darstellungen führen.

<script language="javascript">
function hidewindow() {
  document.getElementById('smiliewindow').style.visibility = 'hidden';
}
function showwindow() {
  document.getElementById('smiliewindow').style.visibility = 'visible';
}
var moveelement = null;
var mleft = 0;
var mtop = 0;
var eleft = 0;
var etop = 0;

function startmove() {
  moveelement = document.getElementById('smiliewindow');
  eleft = mleft - moveelement.offsetLeft;
  etop = mtop - moveelement.offsetTop;
}
function move(event) {
  mleft = document.all ? window.event.clientX : event.pageX;
  mtop = document.all ? window.event.clientY : event.pageY;
  if(moveelement != null) {
    moveelement.style.left = (mleft - eleft) + 'px';
    moveelement.style.top = (mtop - etop) + 'px';
  }
}
function stopmove() {
  moveelement = null;
}
</script>

<style type="text/css">
.swhead {
  /** Style der Titelleiste **/
  background-color:#0274CA;
  font-weight:bold;
  font-family:Tahoma;
  font-size:10pt;
}
.swbody {
  /** Style des Fensterinhalts **/
  background-color:#7AD3FB;
  font-weight:normal;
  font-family:Tahoma;
  font-size:10pt;
}
</style>

<div id="smiliewindow" style="visibility:hidden; position:absolute;
     top:100px; left:350px; border:2px solid #000000;
     padding:0px; text-align:left;">
  <!-- Titelleiste -->
  <div class="swhead" style="width:400px; height:20px; border:none;
       border-bottom:1px solid black; padding:1px 4px; cursor:hand;">
    <table width="100%" cellspacing="0" border="0">
      <tr>
        <!-- Titel -->
        <td align="left" class="swhead"
            onMouseDown="startmove();">Smilies</td>
        <!-- Fenstermenu -->
        <td align="right"><a href="javascript:hidewindow();">
          <img src="https://files.homepagemodules.de/b214495/bhnetfiles-2en6-14.gif"
               border="0">
          </a>
        </td>
      </tr>
    </table>
  </div>
  <!-- Fensterinhalt -->
  <div class="swbody" style="width:400px; height:200px;
       border:none; overflow:auto; padding:4px;">
    <!-- HIER KOMMEN DIE SMILIES FÜR DAS FENSTER HIN -->
    <!-- Beispiel Anfang -->
    <a href="javascript:returnTag('[idee]')">
       <img src="https://img.homepagemodules.de/idee.gif" alt="[idee]"
       border=0 width="15" height="15"></a>&nbsp;
    <a href="javascript:returnTag('[frage]')">
       <img src="https://img.homepagemodules.de/frage.gif" alt="[frage]"
       border=0 width="10" height="14"></a>&nbsp;
    <!-- Beispiel Ende -->
  </div>
</div>

<script language="javascript">
document.getElementById('smiliewindow').onmousemove = move;
document.getElementById('smiliewindow').onmouseup = stopmove;
</script>

<table border="0" cellspacing="0" cellpadding="2">
  <tr>
    <td class="nnor">
      Ein Klick f&uuml;gt das Symbol ein:
    </td>
  </tr>
  <tr>
    <td class="nnor" align="center">
      <!-- HIER KOMMEN DIE SMILIES FÜR DIE NORMALE SYMBOLBAR HIN -->
      <!-- Beispiel Anfang -->
      <a href="javascript:returnTag('[cool]')">
      <img src="https://img.homepagemodules.de/cool.gif" alt="[cool]"
      border=0 width="15" height="15"></a>&nbsp;
      <a href="javascript:returnTag('[death]')">
      <img src="https://img.homepagemodules.de/death.gif" alt="[death]"
      border=0 width="15" height="15"></a>
      <!-- Beispiel Ende -->
      <br><a href="javascript:showwindow();">mehr Smilies</a>
    </td>
  </tr>
  <!-- HIER BEGINNEN DIE TEXT OPTIONEN -->
  <tr>
    <td class="nnor">
      Text Optionen - weitere in der
      <a href="./faq.php" target="_blank">FAQ</a>
    </td>
  </tr>
  <tr>
    <td>
      <a href="javascript:insert('[b]','[/b]')">
      <img src="https://img.homepagemodules.de/b2.gif"
      alt="[b] Text [/b]" border=0 width="21" height="18"></a>
      <a href="javascript:insert('[i]','[/i]')">
      <img src="https://img.homepagemodules.de/i2.gif"
      alt="[i] Text [/i]" border=0 width="21" height="18"></a>
      <a href="javascript:returnTag('[img]http://[/img]')">
      <img src="https://img.homepagemodules.de/bild.gif"
      alt="[img]http://[/img]" border=0 width="31" height="18"></a>
      <a href="javascript:insert('[quote]','[/quote]')">
      <img src="https://img.homepagemodules.de/quote.gif"
      alt="[quote] Text [/quote]" border=0 width="61" height="18"></a>
      <a href="javascript:insert('[rot]','[/rot]')">
      <img src="https://img.homepagemodules.de/rot.gif"
      alt="[rot] Text [/rot]" border=0 width="10" height="18"></a>
      <a href="javascript:insert('[blau]','[/blau]')">
      <img src="https://img.homepagemodules.de/blau.gif"
      alt="[blau] Text [/blau]" border=0 width="10" height="18"></a>
      <a href="javascript:insert('[gruen]','[/gruen]')">
      <img src="https://img.homepagemodules.de/gruen.gif"
       alt="[gruen] Text [/gruen]" border=0 width="10" height="18"></a>
      <a href="javascript:insert('[orange]','[/orange]')">
      <img src="https://img.homepagemodules.de/orange.gif"
      alt="[orange] Text [/orange]" border=0 width="10" height="18"></a>
      <a href="javascript:insert('[lila]','[/lila]')">
      <img src="https://img.homepagemodules.de/lila.gif"
      alt="[lila] Text [/lila]" border=0 width="10" height="18"></a>
      <a href="javascript:insert('[weiss]','[/weiss]')">
      <img src="https://img.homepagemodules.de/weiss.gif"
      alt="[weiss] Text [/weiss]" border=0 width="10" height="18"></a>
      <a href="javascript:insert('[schwarz]','[/schwarz]')">
      <img src="https://img.homepagemodules.de/schwarz.gif"
      alt="[schwarz] Text [/schwarz]" border=0 width="10" height="18"></a>
    </td>
  </tr>
</table>

[...]
<td class="nnor" align="left">
  <!-- HIER KOMMEN DIE SMILIES FÜR DIE NORMALE SYMBOLBAR HIN -->
  [...]
  <br><a href="javascript:showwindow();">mehr Smilies</a>
</td>
[...]

Hi Sabine!

Habe ich ausprobiert, funktioniert aber nicht. Der Text "Smilies" hat die gleiche Ausrichtung wie der eingebundene Video-Button (sind gleichmäßig ausgerichtet).

Bin planlos...

mir ist gerade aufgefallen, dass der Text und der Button beim Schreiben eines neuen Gästebuch-Eintrages rechtsbündig sind...

Zitat von Tanja

---

mir ist gerade aufgefallen, dass der Text und der Button beim Schreiben eines neuen Gästebuch-Eintrages rechtsbündig sind...

---

genau...

habe jetzt alles wieder zurückgesetzt...

Zitat von Tanja

---

genau...
habe jetzt alles wieder zurückgesetzt...

---

An sich finde ich die Lösung mit dem Extra-Fenster schon schöner.

Habe auch jetzt noch immer das Problem, dass der Video Button da "irgendwo" plaziert ist, ich den aber gerne rechts hiter dem Mail-Button hätte...

sorry für offtopic

Zitat von Tanja

---

An sich finde ich die Lösung mit dem Extra-Fenster schon schöner.
Habe auch jetzt noch immer das Problem, dass der Video Button da "irgendwo" plaziert ist, ich den aber gerne rechts hiter dem Mail-Button hätte...
sorry für offtopic

---

Zitat von doku

---

Das mit der Positionierung des Buttons mußt Du in der Symbolbar korrekt machen. Dann klappt das schon.

---

Zitat von Tanja

---

Zitat von doku

---

Das mit der Positionierung des Buttons mußt Du in der Symbolbar korrekt machen. Dann klappt das schon.

---

Sagst Du mir auch wie?

---

Nein. Benutze die Ultra-Edgebar!

Vielleicht noch mal der Verweise auf die "ursprüngliche" Version des Smilie Fensters (nicht-verschiebbar):

https://www.hpm-support.de/topic-threaded...message=7104506

Das sollte eigentlich besser funktionieren. Die Version mit dem verschiebbaren Fenster würde ich nicht empfehlen, da es 1. nicht optimal funktioniert und 2. den Client Rechner unnötig belastet.