Salt la conținut

SUBIECTE NOI
« 1 / 5 »
RSS
Windows 11 si boxa portabila - de...

Angajarea unei persoane de 18 ani...

Depunere declaratie unica PFA - i...

Situatie mostenire
 Inlocuit/upgrade placa video Nvid...

Google tv si open vpn

Vot europarlamentare

Sfat reparatii
 Jurnal de bord Tesla M3SR 2024 Hi...

Acostament sosele comune Romania

AI-ul Google cartografiaza 1 mili...

De ce nu se fac profesori doar ol...
 imprimanta laser capacitate medie...

Parere garsoniera Tineretului

Sfaturi achizitie boxe hi-fi pent...

Baterie externa solara vs baterie...
 

Probleme cu un cod javascript!

- - - - -
  • Vă rugăm să vă autentificați pentru a răspunde
Niciun răspuns pentru acest subiect

#1
chrysstyann

chrysstyann

    Member

  • Grup: Members
  • Mesaje: 319
  • Înscris: 21.06.2005
Salutare,

Ma tot chinuie un cod javascript (care, recunosc, nu este greu dar nu prea m-am folosit pana acum de javascript).

Ideea este urmatoarea:
- am 1 camp si vreau sa se intample urmatorul lucru:
- 1 nu exsta nimic introdus, langa input apare -> "warning.png";
- 2 cand se introduce ceva, langa input apare -> "tick.png";
- 3 daca se sterge tot din camp sa se schimbe in "warning.png";
- 4 daca dau copy/paste in acest camp la un continut integer -> "tick.png".

codul de mai jos executa cu succes 1,2

<html>
<head>

<script type="text/javascript">
function changeSrc(img,id)
  {
		document.getElementById(id).src=img;

	if(document.getElementById(id).value != "") 
	{ 
		document.getElementById(id).src = 'tick.png'; 
	} 
	else 
	{ 
		document.getElementById(id).src = 'warning.png'; 
	} 
  }
</script>
</head>
<body>

<input type="text" style="width:245px;"  onkeyup="changeSrc('tick.png','id1')" />
<img id="id1" src="warning.png" width="16" height="16" /><br><br><br>

<select style="width:250px;" onchange="changeSrc('tick.png','id2')">
<option value="">Alegeti!</option>
<option value="1">1!</option>
<option value="2">2!</option>
<option value="3">3!</option>
</select>
<img id="id2" src="warning.png" width="16" height="16" /><br><br><br>


</body>
</html>

Ideea este urmatoarea: pe langa acest camd o sa mai am si niste select-uri si vreau ca aceeasi functie sa o folosesc la toate. Asta e motivul pt care changeSrc(img,id).
Nu stiu daca apelez bine functia prin onevent="changeSrc('tick.png','id1')" . Tot ma gandesc ca nu ar fi trebuit sa ii dau ce imagine sa afiseze, asta sa fie decis de if-ul respectiv. Ma tot gandesc ca in apelare trebuie sa apara id-u neaparat sa stie la ce parte a form-ului se face referire (care din campuri sau select-uri)

La scriptul de sus am ajund de la :
function changeColor(color,id) 
{ 
	document.getElementById(id).style.borderColor=color; 

	if(document.getElementById(id).value!="") 
	{ 
		document.getElementById(id).style.borderColor='green'; 
	} 
	else 
	{ 
		document.getElementById(id).style.borderColor='red'; 
	} 
} 

Apelata asa:

<input type="text" style="width:245px; border-color:red;" id="id1"  onkeyup="changeColor('green','id1')"/>
<input type="text" style="width:245px; border-color:red;" id="id2"  onkeyup="changeColor('green','id2')"/>
Si aici merge bine dar iarasi nu inteleg de ce trebuie pus 'green' daca este apelata functia. Conf scriptului nu trebuie sa verifice valoarea si sa seteze culoarea in functie de conditie?

Nu stiu daca am fost chiar asa de explicit ...
Astept parerile voastre

Multumesc.

Editat de chrysstyann, 14 ianuarie 2011 - 18:10.


Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

Utilizatori activi: 1

0 membri, 1 vizitatori, 0 utilizatori anonimi

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate