Rene Rose: selektieren von Text verhindern

Hallo Kollegen!

Ich habe mit einigen Divs einfache Buttons erstellt. Dabei werden diverse Ereignisse wie Mausover und Klick erfasst. Die Beschriftung der Buttons geschieht durch einen einfachen Text innerhalb des Div Tags. Leider geschieht es beim Klicken auf die Buttons oft, dass der Beschrfitungstext selektiert wird, wodurch er die Farbe verändert.
Ich suche nun nach einer Möglichkeit, dieses Selktieren des Beschriftungstextes einfach zu verhindern, den Text quasi zu sperren!

Vielen Dank für die hoffentlich eingehenden Hinweise!

mit freundlichen Grüßen: Rene Rose

  1. Hallo,

    für deinen Zweck sind Buttons zu verwenden.
    Text kann und soll man selektieren können.

    MfG
    Timo

    PS: Wenn Du jedoch keine andere Wahl hast, solltest Du evtl.
    Bilder nehmen. Obwohl sich diese dann auch markieren lassen..
    nur nicht gleich so schnell ;)

    1. Hallo,

      für deinen Zweck sind Buttons zu verwenden.
      Text kann und soll man selektieren können.

      MfG
      Timo

      PS: Wenn Du jedoch keine andere Wahl hast, solltest Du evtl.
      Bilder nehmen. Obwohl sich diese dann auch markieren lassen..
      nur nicht gleich so schnell ;)

      Hallo Timo!

      Danke für die Antwort! Ich werde mal Buttons testen!

      Es bleibt eine weitere Frage:

      mit der folgenden Funktion erzeuge ich 31 Buttons, für 31 mögliche Wochentage. Die Events für MouseOver etc. werden zwar angelegt, funktionieren jedoch nur, wenn sich die Maus exakt über dem Rahmen befindet. Ich möchte jedoch erreichen, dass die Events immer funktionieren, wenn sich die Maus über der "Div" Fläche befindet! Sicher habe ich irgendwo einen Denkfehler?!

      Für Hilfe wäre ich sehr dankbar!

      mfg Rene Rose

        
      function generateEntry(counter)  
      {  
      var AddButton = document.createElement("div");  
      AddButton.style.setAttribute("position","absolute");  
      if (row < 7)  
       {  
        leftPosition = 3 + (row * 22);  
        row++;  
       }  
      else  
       {  
        row = 0;  
        buttonpos = buttonpos + 20;  
       }  
        
      AddButton.style.left = leftPosition + "px";  
      AddButton.style.top = buttonpos + "px";  
      AddButton.style.width = 17 + "px";  
      AddButton.style.zindex = 2;  
        
        
        
        
      AddButton.onmouseover = function() {an(this)};  
      AddButton.onmouseout = function() {aus(this)};  
      AddButton.onmousedown = function() {maus(this)};  
      AddButton.onmouseup = function() {an(this)};  
      AddButton.style.setAttribute("border","1px solid white");  
      //AddButton.onclick = function() {AddChart(SymbolString)}  
      //AddButton.appendChild(document.createTextNode(counter));  
      document.body.appendChild(AddButton);  
        
      }
      
      1. Hallo ,

        weiß jetzt nicht, ob ich Dich richtig verstanden habe.
        Möchtest Du die jeweiligen Buttons in ein eignes Div packen?
        Dein geposteter Code erzeugt ja DIVs, keine Buttons.

        MfG
        Timo

        1. Hallo ,

          weiß jetzt nicht, ob ich Dich richtig verstanden habe.
          Möchtest Du die jeweiligen Buttons in ein eignes Div packen?
          Dein geposteter Code erzeugt ja DIVs, keine Buttons.

          MfG
          Timo

          Hallo Timo!

          Ich erzeuge Divs, erscheint mir für den Anfang einfacher. Die Mouse Events treten nun leider nur bei Berührung des Randes ein. Ich möchte jedoch die Events immer auslösen, wenn sich die MAus über dem Div befinden!

          Danke für Deine Mühe!

          Gruß Rene

      2. Rene,

        [code lang=Java Script]

        JavaScript wird IMMER zusammengeschrieben.

        Dann klappt’s auch mit der Nachb^WForumsoftware.

        Live long and prosper,
        Gunnar

        --
        „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)