[TYPO3-german] Fokus-Pseudoklasse im Internet Explorer

[Georg Großberger]

Hallo

Bin zwar auch ein jQuery Fan, allerdings ist die Lib bei TYPO3 Projekten 
etwas unpraktisch, da es viele tolle Extensions gibt die mit Mootools 
erstellt wurden.

In Mootools würde das so aussehen:
page.headerData.440 = TEXT
page.headerData.440.value (
<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools-yui-compressed.js"></script>
<script type="text/javascript">
	window.addEvent("domready", function() {
		$$("input", "textarea").each(function(item) {
			item.addEvents({
				focus: function() {									this.addClass("focus");
				},
				blur: function() {
					this.removeClass("focus");
				}
			});
		});
	});	
</script>
)



Falls es prototype sein muss, könntest du folgendes probieren:

page.headerData.440 = TEXT
page.headerData.440.value (
<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js"></script>
<script type="text/javascript">
	document.observe("dom:loaded", function() {
		$$("input", "textarea").each(function(item) {
			item.observe("focus", function() {
				item.addClassName("focus");
			});
			item.observe("blur", function() {
				item.removeClassName("focus");
			});
		});
	});
</script>
)




Christian Wolff schrieb:
> Jochen Graf schrieb:
>> Hallo,
>>
>> ich würde das  gerne Umsetzten,
>> http://kurtderopa.de/knowhow/16/
>>
>> Ich habe nun die Extension prototypejs installiert, jedoch bekomme ich
>> kein Ergebnis,
>> hat jemand einen Tipp, evtl. benötige ich noch einen weiteres
>> Prototype-Framework
>>
>> danke
>> //
> 
> Hi Jochen,
> ich ich perslönlich liebe für solche aufgaben immer die jQuery libary.
> weil ich sie intuitver finde und sehr handlich.
> 
> eigenlich benötigst du keine extension um eine javascript libary
> einzubinden. du must lediglich die libary von http://prototypejs.org/
> 
> herunter laden. und dann diese in dein html einbinden.
> 
> z.b über folgendes Typoscript:
> 
> --- schnipp ---
> page.headerData.20 = TEXT
> page.headerData.20.value (
>   <script
>   src="/fileadmin/javascript/prototype.js"
>    type="text/javascript"></script>
> )
> --- schnapp ---
> src must du natürlich auf deinen pfad anpassen.
> 
> ic persönlich bevorzuge für mein javascript jedoch
> eher jQuery.
> in jQuery sieht das ganze dann ungefähr so aus:
> 
> --- schnipp ---
> $(document).ready(function(){
>   $("input,textarea")
>     .focus(function(){$(this).addClass("focus")})
>     .blur(function(){$(this).removeClass("focus")});
> });
> --- schnapp --
> 
> 
> gruss chris
>