Text unmarkierbar machen??

05/29/2012 14:32 MEITIN2#1
Kennt wer nen Html code um einen Text unmarkierbar zu machn? Brauche das zur verschönerung. Habe nur das " UNSELECTABLE = "on" " für den IE gefunden. Gibts da was auch für FF ?
05/29/2012 14:34 CaptainSmile#2
Haste schon auf selfhtml geuckt?
Ich glaub das war irgendwas mit return: false; oder so :D
Habe das lange nicht benutzt :D
05/29/2012 14:47 Fratyr#3
Bei manchen Browsern funktionierts nur mit JS
PHP Code:
<div onselectstart="return false"></div> 
Bei IE mit
PHP Code:
<div unselectable="on"></div> 
oder
PHP Code:
-ms-user-select: none; 
Gecko (Firefox) und Webkit (Safari, Chrome, Chromium) (glaube auch khtml bin mir aber nicht sicher) haben CSS eigenschaften mit Prefix:

PHP Code:
-moz-user-select: none;
-webkit-user-select: none;
/* wiegesagt bin mir da nicht sicher */
-khtml-user-select: none; 
Glaube sogar das user-select Teil von CSS3 ist, deshalb kannst dus auch ohne Prefix probieren.


Beachte aber trotz alledem das es keine Möglichkeit gibt das selektieren von Text oder
Elementen auf allen Browsern zu verbieten. Es gibt dennoch einige (hauptsächlich ältere)
bei denen keinen der oben genannten Methoden wirkt.
05/29/2012 15:17 MEITIN2#4
Ja is nur für die Überschrift ^^ finde das da doof wenn man die markieren kann ^^

Also

das hier in die style.css und bei FireFox klappts:
PHP Code:
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none; 
der rest ging net so ganz ;D also werd ich ne mischung aus dem da nehmen und für IE dann das
PHP Code:
UNSELECTABLE = "on" 
05/29/2012 20:04 PseudoPsycho#5
'ne Komplettlösung wäre dann sowas:
HTML Code:
<style type="text/css">
div.noselect {
	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none; }
</style>
<script type="application/javascript">
$(document).ready(function(){
	$('.noselect').bind('selectstart', function(){ return false; });
	$('.noselect').attr('unselectable', 'on'); });
</script>
und eben später im Dokument:
HTML Code:
<div class="noselect">...</div>
05/29/2012 23:42 Fratyr#6
Quote:
Originally Posted by MEITIN2 View Post
Ja is nur für die Überschrift ^^ finde das da doof wenn man die markieren kann ^^

Also

das hier in die style.css und bei FireFox klappts:
PHP Code:
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none; 
der rest ging net so ganz ;D also werd ich ne mischung aus dem da nehmen und für IE dann das
PHP Code:
UNSELECTABLE = "on" 
Der Rest ging nicht weil das was ich dir gepostet habe nicht nur für Firefox sondern auch für alle anderen Browsern in denen das möglich ist gedacht war.