Afisare imagine la cerere, JavaScript

#1
alex05ok

Posted 05 May 2016 - 10:06

Member

Grup: Members
Posts: 376
Înscris: 08.11.2007

Buna ziua!
Va rog sa ma ajutati cu un cod HTML si Javascript.
Vreau sa fac o pagina web care sa contina o casuta text si un buton "submit".
Cand pun un numar in casuta text (de la 1 la 100) si apas "submit" sa apara mai jos imaginea care corespunde acelui numar ( am 100 imagini de la 1.jpg.....100.jpg).

[ http://s32.postimg.org/jpiq376bn/image.png - Pentru incarcare in pagina (embed) Click aici ]

Edited by alex05ok, 05 May 2016 - 10:08.

Back to top

#2
tigerheart

Posted 05 May 2016 - 10:14

Savage Member

Grup: Senior Members
Posts: 9,888
Înscris: 07.08.2008

Uite fara acel submit:
http://jdstiles.com/...magelinker.html
http://www.webdevelo...m-from-dropdown

Edited by tigerheart, 05 May 2016 - 10:20.

Back to top

#3
cristirg

Posted 05 May 2016 - 12:01

Senior Member

Grup: Senior Members
Posts: 7,711
Înscris: 16.11.2012

de ce nu inveti si tu jquery, sunt exemple asemanatoare cu ce vrei tu : https://thenewboston...deos.php?cat=32

Back to top

#4
alex05ok

Posted 05 May 2016 - 16:28

Member

Grup: Members
Posts: 376
Înscris: 08.11.2007

Am aflat raspunsul din alta parte, dar cum fac ca sa apas Enter si sa se apese butonul "Submit", cum ar fi si normal la un buton de acest tip.

<!DOCTYPE html>
<html>
<script language="javascript">
function getPic(picNum,d) {
d.innerHTML = '<img src="' + picNum + '.png" alt="Picture number ' + picNum +'">';
}
getPic(1,display); // displays 1.png on page load
</script>
<body>
<input type="number" min="1" max="100" value="1" id="selNum">
<button onclick="getPic(selNum.value,display)">Submit</button>
<div id="display"></div>
</body>
</html>

Back to top

Anunturi

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

Afisare imagine la cerere, JavaScript

#1 alex05ok Posted 05 May 2016 - 10:06

#2 tigerheart Posted 05 May 2016 - 10:14

#3 cristirg Posted 05 May 2016 - 12:01

#4 alex05ok Posted 05 May 2016 - 16:28

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
alex05ok

Posted 05 May 2016 - 10:06

#2
tigerheart

Posted 05 May 2016 - 10:14

#3
cristirg

Posted 05 May 2016 - 12:01

#4
alex05ok

Posted 05 May 2016 - 16:28