Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Rename SQL column

Achiziționare tuner TV !

Din ce este facuta terasa asta?

Cum accesez site-ul CNAS ?
 Algoritm simplu de calculare al u...

Bitdefender Total Security ș...

casa verde 2024

Intrerupator cu N - doza doar cu ...
 Incalzire casa fara gaz/lemne

Incalzire in pardoseala etapizata

Suprataxa card energie?!

Cum era nivelul de trai cam din a...
 probleme cu ochelarii

Impozite pe proprietati de anul v...

teava rezistenta panou apa calda

Acces in Curte din Drum National
 

Probleme cu un cod javascript!

- - - - -
  • Please log in to reply
No replies to this topic

#1
chrysstyann

chrysstyann

    Member

  • Grup: Members
  • Posts: 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.

Edited by chrysstyann, 14 January 2011 - 18:10.


Anunturi

Neurochirurgie minim invazivă Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

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