tag:forum.selfhtml.org,2005:/self cursor url im FF – SELFHTML-Forum 2012-08-31T07:14:01Z https://forum.selfhtml.org/self/2012/aug/30/cursor-url-im-ff/1557572#m1557572 Paul 2012-08-30T12:39:32Z 2012-08-30T12:39:32Z cursor 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#m1557573 Matthias Apsel webmaster@billiger-im-urlaub.de http://alternativ-tankstelle.de 2012-08-30T12:58:37Z 2012-08-30T12:58:37Z cursor 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#m1557574 Paul 2012-08-30T13:04:03Z 2012-08-30T13:04:03Z cursor 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#m1557576 Paul 2012-08-30T13:09:15Z 2012-08-30T13:09:15Z cursor 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#m1557575 Matthias Apsel webmaster@billiger-im-urlaub.de http://alternativ-tankstelle.de 2012-08-30T13:10:48Z 2012-08-30T13:10:48Z cursor 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#m1557579 Matthias Apsel webmaster@billiger-im-urlaub.de http://alternativ-tankstelle.de 2012-08-30T13:12:16Z 2012-08-30T13:12:16Z cursor 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#m1557577 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de/ 2012-08-30T13:24:58Z 2012-08-30T13:24:58Z cursor 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#m1557578 Paul 2012-08-31T06:58:06Z 2012-08-31T06:58:06Z cursor url im FF <p>Moin und Danke!</p> https://forum.selfhtml.org/self/2012/aug/30/cursor-url-im-ff/1557580#m1557580 Paul 2012-08-30T13:20:53Z 2012-08-30T13:20:53Z cursor 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#m1557581 Paul 2012-08-30T13:23:27Z 2012-08-30T13:23:27Z cursor 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#m1557582 Paul 2012-08-31T07:14:01Z 2012-08-31T07:14:01Z cursor 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>