<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>mysrc.de &#187; addClass</title> <atom:link href="http://www.mysrc.de/tag/addclass/feed/" rel="self" type="application/rss+xml" /><link>http://www.mysrc.de</link> <description>- jQuery, MooTools, HTML5, AJAX</description> <lastBuildDate>Tue, 14 Jun 2011 08:24:25 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.0.1</generator> <item><title>MooTools removeClass Problem</title><link>http://www.mysrc.de/mootools/mootools-removeclass-problem/</link> <comments>http://www.mysrc.de/mootools/mootools-removeclass-problem/#comments</comments> <pubDate>Mon, 16 Mar 2009 09:39:32 +0000</pubDate> <dc:creator>Stefan Huissel</dc:creator> <category><![CDATA[MooTools]]></category> <category><![CDATA[addClass]]></category> <category><![CDATA[bug]]></category> <category><![CDATA[className]]></category> <category><![CDATA[removeClass]]></category> <guid
isPermaLink="false">http://www.mysrc.de/?p=247</guid> <description><![CDATA[Hi, am Wochenende habe ich ein paar verzweifelte Versuche unternommen eine CSS Klasse eines Inputfeldes mit der Methode Objekt.removeClass(&#8220;CSSKLASSE&#8221;) zu entfernen. Nach langem ergebnislosem Suchen im Netz und durchstöbern der Doku, ließ sich auch nicht herausfinden warum es nicht funktionierte, zumal die Funktion addClass keinerlei Probleme machte. Am Ende habe ich einen ganzen einfachen Weg [...]]]></description> <content:encoded><![CDATA[<p>Hi,</p><p>am Wochenende habe ich ein paar verzweifelte Versuche unternommen eine CSS Klasse eines Inputfeldes mit der Methode <strong>Objekt.removeClass(&#8220;CSSKLASSE&#8221;)</strong> zu entfernen.<br
/> Nach langem ergebnislosem Suchen im Netz und durchstöbern der Doku, ließ sich auch nicht herausfinden warum es nicht funktionierte, zumal die Funktion <strong>addClass</strong> keinerlei Probleme machte.</p><p>Am Ende habe ich einen ganzen einfachen Weg gefunden, das Ganze zum laufen zu bringen. Ich sag mal, fast schon zu einfach um sofort darauf zu kommen.<br
/> Hier mein Workaround:</p><div
class="wp_codebox_msgheader"><span
class="right"><sup><a
href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span
style="color: #99cc00">?</span></a></sup></span><span
class="left"><a
href="javascript:;" onclick="javascript:showCodeTxt('p247code2'); return false;">View Code</a> JAVASCRIPT</span><div
class="codebox_clear"></div></div><div
class="wp_codebox"><table><tr
id="p2472"><td
class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
</pre></td><td
class="code" id="p247code2"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">//Mittels Selektor eigenes Skriptobjekt erzeugen	</span>
<span style="color: #003366; font-weight: bold;">var</span> input <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'LieferName'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">//Ausblenden eines DIVs, danach sollte das Validierungsskript durch entfernen des CSS deaktiviert werden. Reiner JavaScript Syntax, man hätte auch Mootools Code dafür verwenden können..</span>
document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'liefer'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">style</span>.<span style="color: #660066;">display</span><span style="color: #339933;">=</span><span style="color: #3366CC;">'none'</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">//Folgende Funktion blieb immer ergebnislos</span>
<span style="color: #006600; font-style: italic;">//input.removeClass('validate[\'required\',\'length[6,-1]\']'); </span>
&nbsp;
<span style="color: #006600; font-style: italic;">//Workaround, einfach direkt das Objektattribut als einen leeren String definieren</span>
input.<span style="color: #660066;">className</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">//Änderungen dem Validierungsskript bekannt machen</span>
myCheck.<span style="color: #660066;">register</span><span style="color: #009900;">&#40;</span>input<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div><p>Damit läßt sich nun auf den gängigen Browsern eine CSS Klasse einfach zur Laufzeit entfernen.</p><h3  class="related_post_title">Ähnliche Artikel</h3><ul
class="related_post"><li>24. März 2011 -- <a
href="http://www.mysrc.de/mootools/mootools-menumatic-firefox-4-zweizeilig-problem/" title="MooTools MenuMatic &#8211; Firefox 4 zweizeilig Problem">MooTools MenuMatic &#8211; Firefox 4 zweizeilig Problem</a></li><li>23. März 2010 -- <a
href="http://www.mysrc.de/jquery/praxistipp-%e2%80%93-jqtransform-bug-bei-input-in-firefox-3-5-2/" title="Praxistipp – jqTransform Bug bei input in Firefox > 3.5.2">Praxistipp – jqTransform Bug bei input in Firefox > 3.5.2</a></li><li>17. September 2009 -- <a
href="http://www.mysrc.de/mootools/praxistipp-position-absolute-parent-height-anpassen-mit-mootools/" title="Praxistipp &#8211; position absolute &#8211; parent height anpassen mit MooTools ">Praxistipp &#8211; position absolute &#8211; parent height anpassen mit MooTools </a></li></ul>]]></content:encoded> <wfw:commentRss>http://www.mysrc.de/mootools/mootools-removeclass-problem/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
