automatisches Markieren bei Doppelklick
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ansatz
ausprobieren
befehl
bild
button
code
datei
dokument
doppelklick
erledigt danke
galerie
grafikdesign
gruppe
http
jemand
markieren
mitglied
problem
taste
url
-
Hey,
ich habe eine Bildergalerie mit vielen Thumbs, welche über einen "weiter" und "zurück" Button verschoben werden, um Platz für die nächsten Bilder zu machen. (Es werden immer nur 10 Thumbs gleichzeitig angezeigt)
Das klappt super. Wenn ich allerdings ungeduldig bin und schnell hintereinander auf einen der Buttons klicke, und somit einen Doppelklick mache, wird das Galerie Bild markiert und ist somit mit blauer Farbe überdeckt =(
Kann man dieses "Markieren bei Doppelklick" irgendwie unterbinden? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Versuchs mal mit dem hier:
<input type="button" class="DEINBUTTON" ondblclick="this.blur();" />
Quellen: http://forum.de.selfhtml.org/archiv/2004/3/t75929/
http://de.selfhtml.org/javascript/sprache/eventhandler.htm#ondblclick -
das klappt leider nicht.
Es wird ja auch nicht der Button markiert, sondern ein Bild was darunter liegt
mal der Code falls es weiter hilft:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css"> <title>Unbenanntes Dokument</title> <script type="text/javascript"> function size(object){ document.getElementById("view").src=object; document.getElementById("vi").href="./"+object; } function moveleft(){ var anz= document.getElementsByName("thumb").length; for(i=0;i<=anz;i=i+1){ document.getElementsByName("thumb")[i].style.left=(document.getElementsByName("thumb")[i].offsetLeft - 100)+"px"; } } function moveright(){ var anz= document.getElementsByName("thumb").length; for(i=0;i<=anz;i=i+1){ document.getElementsByName("thumb")[i].style.left=(document.getElementsByName("thumb")[i].offsetLeft + 100)+"px"; } } </script> </head> <body> <div class="content"> <div class="scroll_left" onclick="moveright();" ondblclick="this.blur();"></div> <div class="scroll_right" onclick="moveleft();" ondblclick="this.blur();"></div> <?php $i = 30; $hauptordner = dir("./"); while($datei=$hauptordner->read()) { if($datei != "." && $datei != ".." && (substr($datei,strlen($datei)-3,3)=="jpg" || substr($datei,strlen($datei)-3,3)=="JPG")) // nur jpg und JPG { if($i==30){ echo '<a id="vi" href="./'.$datei.'"><img src="'.$datei.'" class="view" id="view"/></a>'; } echo "<div name='thumb' class='bild' style='left:".$i."px';>"; echo '<img src="'.$datei.'" style="max-width:100px;height:auto;max-height:150px;" onclick="size('."'".$datei."'".');">'; echo" </div>"; $i = $i+120; } } $hauptordner->close();?> </div> </body> </html> -
Verschoben von "Grafikdesign" nach "HTML, CSS & Javascript".
-
nichts machen wäre ja falsch. Der Button soll ja was machen, nur eben nicht markieren
-
Ich habe hier ein Script welches das markieren generell verbietet. Dieses Tutorial hat mal ein lima-city Mitglied verfasst:
http://www.lima-city.de/tutorials/rechte-maus-taste-verbieten-markieren-verbieten-eine-kopiersichere-homepage
Vielleicht hilft dir das weiter. Aber Achtung ich glaube wenn man eine Textbox hat kann man diese nicht mehr editieren. Teste es aber mal.
Gruß S.Brosch -
so funktioniert's
jetzt kann zwar keine mehr irgendetwas auf dem Bildschirm markieren, aber das ist auch garnicht mal so übel.
Aber falls jemand eine bessere Lösung findet wäre ich sehr dankbar -
Das automatische Marikieren sollte sich vermeiden lassen, wenn du statt des einfachen <div>'s einen Link (<a>) oder Button (<input...>) verwendest. Die Wirkung lässt sich in der Forensoftware von lima beim Erstellen eines Beitrages gut beobachten, wenn man zB Fettschrift einfügt oder die Smilies ein- und ausblendet: egal wie schnell man klickt, es wird nix markiert.
Ein anderer Ansatz wäre, dem Event ondbclick die gleiche Funktion wie onclick zuzuweisen (anstatt void, wie vorher schon mal jemand vorgeschlagen hat). Evt. könnte man mit ondbclick die Funktion gleich 2 mal aufrufen, um deiner Ungeduld etwas entegenzuwirken ^^. -
marius71 schrieb:
nichts machen wäre ja falsch. Der Button soll ja was machen, nur eben nicht markieren
Du musst den geposteten code schon ausprobieren, mein kommentar dazu spielt keine Rolle.
Das ist exakt die Lösung für Dein Problem!!!
Ausschlaggebend ist dabei das return false, void kann eventuell sogar weggelassen werden, sollte aber zwecksbrowserkomatibilität so belassen werden.
Ich hatte nämlich dasselbe Problem mit meiner google-like-Karte.
Dort werden Bilder er drag&nDro bewegt, sollen dabei aber nicht markiert werden.
-
danke :D ja, ich hätte es ausprobierenmüssen Dein 2. Satz hat mich nur leider davon abgehalten ^^
jetzt ist das thema erledigt, danke -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
