tag:forum.selfhtml.org,2005:/selfcursor url im FF – SELFHTML-Forum2012-08-31T07:14:01Zhttps://forum.selfhtml.org/self/2012/aug/30/cursor-url-im-ff/1557572#m1557572Paul2012-08-30T12:39:32Z2012-08-30T12:39:32Zcursor url im FF<p>Moin,<br>
folgender Code gibt im IE einen benutzdefinierten Cursor aus. Im FF (Version 14 und 15) kommt nur der pointer. Warum?</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/javascript<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
<span class="token keyword">function</span> <span class="token function">a</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">'canvas'</span><span class="token punctuation">)</span><span class="token punctuation">.</span>style<span class="token punctuation">.</span>cursor <span class="token operator">=</span> <span class="token string">'url(stift.cur), pointer'</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span> <span class="token special-attr"><span class="token attr-name">onload</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value javascript language-javascript"><span class="token function">a</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">'</span>canvas<span class="token punctuation">'</span></span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">border</span><span class="token punctuation">:</span>1px solid black<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span>200px<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>Test<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span>
</code></pre>
<p>Danke,<br>
Paul</p>
https://forum.selfhtml.org/self/2012/aug/30/cursor-url-im-ff/1557573#m1557573Matthias Apselwebmaster@billiger-im-urlaub.dehttp://alternativ-tankstelle.de2012-08-30T12:58:37Z2012-08-30T12:58:37Zcursor url im FF<p>Om nah hoo pez nyeetz, Paul!</p>
<blockquote>
<p>folgender Code gibt im IE einen benutzdefinierten Cursor aus. Im FF (Version 14 und 15) kommt nur der pointer. Warum?</p>
</blockquote>
<p>Es ist nicht notwendig, CSS-Eigenschaften mit JavaScript zu setzen.</p>
<p><code class="language-css"><span class="token selector">#canvas</span> <span class="token punctuation">{</span><span class="token property">cursor</span><span class="token punctuation">:</span>...<span class="token punctuation">}</span></code> tuts auch.</p>
<p><a href="http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Benutzeroberfl%C3%A4che/cursor#eigene_Grafiken" rel="nofollow noopener noreferrer">CSS-Eigenschaft cursor</a></p>
<p>Matthias</p>
<div class="signature">-- <br>
1/z ist kein Blatt Papier.<br>
<img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="" loading="lazy"><br>
</div>
https://forum.selfhtml.org/self/2012/aug/30/cursor-url-im-ff/1557574#m1557574Paul2012-08-30T13:04:03Z2012-08-30T13:04:03Zcursor url im FF<blockquote>
<p><code class="language-css"><span class="token selector">#canvas</span> <span class="token punctuation">{</span><span class="token property">cursor</span><span class="token punctuation">:</span>...<span class="token punctuation">}</span></code> tuts auch.</p>
</blockquote>
<p>Klar, wenn man den Cursor immer haben will. Allerdings soll das Aussehen von mehreren Variablen abhängen. Z.B. welches Element der Benutzer vorher geklickt hat oder ob z.B. diverse Checkboxen ausgewählt sind ...</p>
<p>Also muss das schon JS machen.<br>
Man könnte auch den className per JS ändern. Dachte aber das es direkter geht.</p>
https://forum.selfhtml.org/self/2012/aug/30/cursor-url-im-ff/1557576#m1557576Paul2012-08-30T13:09:15Z2012-08-30T13:09:15Zcursor url im FF<blockquote>
<p><code class="language-css"><span class="token selector">#canvas</span> <span class="token punctuation">{</span><span class="token property">cursor</span><span class="token punctuation">:</span>...<span class="token punctuation">}</span></code> tuts auch.</p>
</blockquote>
<p>Also #canvas { cursor:url... geht auch nicht !!! Bug im FF?</p>
https://forum.selfhtml.org/self/2012/aug/30/cursor-url-im-ff/1557575#m1557575Matthias Apselwebmaster@billiger-im-urlaub.dehttp://alternativ-tankstelle.de2012-08-30T13:10:48Z2012-08-30T13:10:48Zcursor url im FF<p>Om nah hoo pez nyeetz, Paul!</p>
<blockquote>
<p>Klar, wenn man den Cursor immer haben will. Allerdings soll das Aussehen von mehreren Variablen abhängen.</p>
</blockquote>
<p>Dein Minimalbeispiel sollte auf jeden Fall funktionieren. Im Original gibt es mehrere Fehlerquellen</p>
<h3>Bild nicht vorhanden (unwahrscheinlich, da es im IE geht)</h3><h3>mehrere Elemente mit derselben ID</h3><h3>Funktion wird bereits aufgerufen, wenn das Element noch nicht existiert</h3><p>Offensichtliche Tipfelher entdecke ich keine.</p>
<p>Matthias</p>
<div class="signature">-- <br>
1/z ist kein Blatt Papier.<br>
<img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="" loading="lazy"><br>
</div>
https://forum.selfhtml.org/self/2012/aug/30/cursor-url-im-ff/1557579#m1557579Matthias Apselwebmaster@billiger-im-urlaub.dehttp://alternativ-tankstelle.de2012-08-30T13:12:16Z2012-08-30T13:12:16Zcursor url im FF<p>Om nah hoo pez nyeetz, Paul!</p>
<blockquote>
<blockquote>
<p><code class="language-css"><span class="token selector">#canvas</span> <span class="token punctuation">{</span><span class="token property">cursor</span><span class="token punctuation">:</span>...<span class="token punctuation">}</span></code> tuts auch.</p>
</blockquote>
<p>Also #canvas { cursor:url... geht auch nicht !!! Bug im FF?</p>
</blockquote>
<p>Was sagt denn meine <a href="http://selfhtml.apsel-mv.de/cursor/cursor.html" rel="nofollow noopener noreferrer">Testseite</a>?</p>
<p>Matthias</p>
<div class="signature">-- <br>
1/z ist kein Blatt Papier.<br>
<img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="" loading="lazy"><br>
</div>
https://forum.selfhtml.org/self/2012/aug/30/cursor-url-im-ff/1557577#m1557577Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de/2012-08-30T13:24:58Z2012-08-30T13:24:58Zcursor url im FF<p>@@Paul:</p>
<p>nuqneH</p>
<blockquote>
<p>Also #canvas { cursor:url... geht auch nicht !!! Bug im FF?</p>
</blockquote>
<p>An der Stelle ist ein Bug im IE (incl. IE 9).</p>
<p>IE verwendet bei relativer Pfadangabe zum Cursor-Icon als Basis nicht das Stylesheet, sondern das jeweilige HTML-Dokument. WTF.</p>
<p>Wenn HTML-Dokumente und Stylesheet nicht im selben Verzeichnis liegen, sollte man absolut referenzieren.</p>
<p>Qapla'</p>
<div class="signature">-- <br>
Wer möchte nicht lieber durch Glück dümmer als durch Schaden klüger werden? (Salvador Dalí)
</div>
https://forum.selfhtml.org/self/2012/aug/30/cursor-url-im-ff/1557578#m1557578Paul2012-08-31T06:58:06Z2012-08-31T06:58:06Zcursor url im FF<p>Moin und Danke!</p>
https://forum.selfhtml.org/self/2012/aug/30/cursor-url-im-ff/1557580#m1557580Paul2012-08-30T13:20:53Z2012-08-30T13:20:53Zcursor url im FF<p>Tja, da läuft's.<br>
Auch auf http://de.selfhtml.org/css/eigenschaften/anzeige/cursor.htm geht's.</p>
<p>So'n sch...</p>
<p>Muss wohl noch mal schauen.</p>
https://forum.selfhtml.org/self/2012/aug/30/cursor-url-im-ff/1557581#m1557581Paul2012-08-30T13:23:27Z2012-08-30T13:23:27Zcursor url im FF<blockquote>
<p>Muss wohl noch mal schauen.</p>
</blockquote>
<p>Im Opera, Chrome und Safari ght's auch NICHT! Ich geh auf Fehlersuche ...</p>
https://forum.selfhtml.org/self/2012/aug/30/cursor-url-im-ff/1557582#m1557582Paul2012-08-31T07:14:01Z2012-08-31T07:14:01Zcursor url im FF<p>So, nun hab ich ne Erklärung:</p>
<p>Die .cur-Datei war anscheinend fehlerhaft. Habe sie mit JustCursors nochmal mit Speichern unter neu abgespeichert (die alte überschrieben). Jetzt läuft's. Danke Euch trotzdem!</p>