Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

class automatisch veranderen van een input (Opgelost)

anton - 07/01/2009 20:04

Lid

wel , ik ben dus een sitemaker en voor men eigen site heb ik dus mooie textvlakken. ik heb 2 klassen, een waarbij de achtergrond een prent van het textvlak is zoals het gewoon moet zijn , en een waar de achtergond een andere prent is zoals het moet zijn als de muis erover gaat of er word op geklikt... het probleem is , ik ken niet veel van javascript , en heb zelf een functie proberen te schrijven waarvan ik dacht dat die juist was , maar hij wil niet werken...ik heb het volgende:

javascript code - Bekijk de code zonder highlighting - Klap code in

                function changeClass(id){
	var c = document.getElementById(id).className;
	if(c = 'text'){
		document.getElementById(id).className="textOnOver";
	}
	if(c = 'textOnOver'){
		document.getElementById(id).className="text";
	}
}

            
function changeClass(id){
	var c = document.getElementById(id).className;
	if(c = 'text'){
		document.getElementById(id).className="textOnOver";
	}
	if(c = 'textOnOver'){
		document.getElementById(id).className="text";
	}
}
 

en dan heb ik in de html dit staan:

html4strict code - Bekijk de code zonder highlighting - Klap code in

<div id="text1" class="text" onmouseover="changeClass(text1)" onmouseout="changeclass(text1)"><input type="text" name="e-mail" value="&nbsp;&nbsp;"/></div>
<div id="text2" class="text" onmouseover="changeClass(text2)" onmouseout="changeclass(text2)"><input type="text" name="familienaam" value="&nbsp;&nbsp;"/></div>
<div id="text3" class="text" onmouseover="changeClass(text3)" onmouseout="changeclass(text3)"><input type="text" name="voornaam" value="&nbsp;&nbsp;"/></div>
<div id="text4" class="text" onmouseover="changeClass(text4)" onmouseout="changeclass(text4)"><input type="text" name="suject" value="&nbsp;&nbsp;"/></div>

<div id="text1" class="text" onmouseover="changeClass(text1)" onmouseout="changeclass(text1)"><input type="text" name="e-mail" value="&nbsp;&nbsp;"/></div>
<div id="text2" class="text" onmouseover="changeClass(text2)" onmouseout="changeclass(text2)"><input type="text" name="familienaam" value="&nbsp;&nbsp;"/></div>
<div id="text3" class="text" onmouseover="changeClass(text3)" onmouseout="changeclass(text3)"><input type="text" name="voornaam" value="&nbsp;&nbsp;"/></div>
<div id="text4" class="text" onmouseover="changeClass(text4)" onmouseout="changeclass(text4)"><input type="text" name="suject" value="&nbsp;&nbsp;"/></div>

12 antwoorden

Gesponsorde links

henver - 07/01/2009 20:09 (laatste wijziging 07/01/2009 20:09)
HTML gevorderde		if(c == 'text') misschien? (2 '=' ipv 1)

anton - 07/01/2009 20:10
Lid		nope...bedankt alleszins voor je reactie...als error geeft hij: object expected...maar heb geen idee wat hij bedoelt want ik geef een object , toch?

henver - 07/01/2009 20:12
HTML gevorderde		Probeer eens: onclick="changeClass('text1');" (quotes toegevoegd)

anton - 07/01/2009 20:16
Lid		heee bedankt alvast voor dat nu doet ie ie tenminste al onmouseover de verandering naar de tweede klasse , maar nu moet ik er NOG eens over gaan om het weer normaal te zetten het is eig de bedoeling dat on mouse over het naar klasse 2 word gezet en onmouseout terug naar normaal...alleszins al bedankt voor deze vooruitgan!!!

Sander1993 - 07/01/2009 20:18

PHP interesse

na de if twee ='jes zoals henver zei,
en..

javascript code - Bekijk de code zonder highlighting - Klap code in

                document.getElementById(id).className="bla";
// moet worden:
document.getElementById(id).setAttribute('class','bla');

            
document.getElementById(id).className="bla";
// moet worden:
document.getElementById(id).setAttribute('class','bla');
 

anton - 07/01/2009 20:22
Lid		bedankt voor alle hulp allemaal hoor! nu werkt de functie!!!

henver - 07/01/2009 20:29
HTML gevorderde		Nu nog even op 'probleem opgelost'-knopje klikken.

Sander1993 - 07/01/2009 20:33
PHP interesse		de mijne was de oplossing

henver - 07/01/2009 20:37
HTML gevorderde		@Sander: Snel op de teentjes getrapt? Die van jou was inderdaad (deels !) de oplossing. Ik zeg het gewoon zodat het uit de actieve topics verdwijnt.

anton - 07/01/2009 20:37
Lid		neeeh!! , tis nog ni opgelost...ik merk net dat als ik dan geklikt heb en men muis wegbeweeg het terug naar normaal gaat...het is eig de bedoeling dat als er geklikt is dat dan gelijk waar je je muis beweegt dat dat vak in die class blijft staan en dat pas als je op een ander vak klikt terug naar normaal gaat...ik zou ook willen dat als je ergens willekeurig klikt de class ook terug word gezet naar de gewone snapje?

Sander1993 - 07/01/2009 21:10
PHP interesse		verander de event onmouseover naar onclick

anton - 07/01/2009 22:32
Lid		nee , dat is het niet , ik moet een mouseover en een mouseout hebben om de prent te veranderen als de muis erover gaat en er vanaf , en dan heb ik nog iets apart nodig een aparte functie ofzo die hetvolgende doet onclick: de prent veranderd en de mouseout en de mouseover uitschakeld ofzo en dat enkel als je ergens anders klikt op de pagina de textbox terug gewoon word en als je op een andere textbox dat die dan de 2de classe krijgt en de eerste terug gewoon is...ik weet dat het ingewikkeld is , maar ik wil het tog proberen... ThX alvast

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten