+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [JS] Pomoc w dodaniu polecenia do strony internetowej (/thread-js-pomoc-w-dodaniu-polecenia-do-strony-internetowej)
[JS] Pomoc w dodaniu polecenia do strony internetowej - Miczki - 18-06-2013
Witam,
mam pewny problem. Potrzebuję użyć polecenia JS, aby po kliknięciu w obrazek pokazywał się jego podpis w formularzu pod nim. Nie wiem, gdzie to w ogóle umieścić. W załączniku text.css i index.html.
Strona wygląda tak - http://imageshack.us/f/834/hxm.png/
Pozdrawiam
RE: [JS] Pomoc w dodaniu polecenia do strony internetowej - Kartofelek - 18-06-2013
Umiesc na koncu kodu:
Kod:
<script type="text/javascript">
var img = document.getElementByTagName('img');
for (i=0; i<img.length; i++) {
img[i].onclick = function() {
forms[0].nazwa.value = this.getAttribute('src');
}
}
</script>RE: [JS] Pomoc w dodaniu polecenia do strony internetowej - Miczki - 18-06-2013
Przed samym "</html>"? A mógłbyś dać mi już index.html zmodyfikowane w załączniku, a ja bym wtedy zobaczył, na czym to polega i zrozumiał. Są trzy obrazki i pod każdym ma być opis. Z góry dziękuję. Uratowałbyś mi tym skórę
Pozdrawiam.
RE: [JS] Pomoc w dodaniu polecenia do strony internetowej - Kartofelek - 19-06-2013
Jak pod kazdym ma byc opis jak masz tylko 1 pole?
Ps. Co to się zrobiło. Kiedyś wielki bohater ratujący świat przed nieprawością, a teraz siedzę w jakiejś spelunce i odrabiam lekcje za jakiś chłoptasiów.
RE: [JS] Pomoc w dodaniu polecenia do strony internetowej - Miczki - 19-06-2013
To ma być zmienne. Jak naciskam na każdy obrazek, powinna się wyświetlić nazwa kolejnego w jednym polu.
Oj, tak jesteś taki bohaterski. Tylko nie zapomnij się wyspowiadać za złorzeczenie. I jakichś chłoptasiów, a nie "jakiś". Cóż, a ja muszę poprawiać forumowego Supermana. Wychodzi na zero.
RE: [JS] Pomoc w dodaniu polecenia do strony internetowej - Kartofelek - 19-06-2013
Nie Supermana a Fanthomasa. Kolega widać od niedawna na naszym forum.
1) Błędy składniowe w kodzie
2) Używaj id dla elementów na których będziesz skryptował. Np dla formularza
3) UŻYWAJ FORMATOWANIA KODU. Nie wszystko w 1 rządku, a w porządku
4) Pozdrów nauczyciela, bo uczy was technik sprzed 20 lat
(serio, serio!)Twój kod:
Kod:
<html>
<head>
<title>Ryby</title>
<link rel="Stylesheet" type="text/css" href="text.css"/>
</head>
<body>
<h1>kl. I c </h1>
<h2>Ryby</h2>
<table align="center" border="0">
<tr>
<td width="150px" height="210px">
<img class="obr1" src="niebieska.jpg" />
</td>
</tr>
<tr>
<td width="150px" height="210px"></td>
<td width="150px" height="210px">
<img class="obr2" src="skrzydlica.jpg"/>
</td>
</tr>
<tr>
<td width="150px" height="210px"></td>
<td></td>
<td width="150px" height="210px">
<img class="obr3" src="blazenek.jpg"/>
</td>
</tr>
</table>
<br>
<form action="" id="formularz">
<div>
<input class="text" type="text" name="nazwa" value="" />
</div>
</form>
<script type="text/javascript">
var img = document.getElementsByTagName('img');
var form = document.getElementById('formularz');
for (i=0; i<img.length; i++) {
img[i].onclick = function() {
var src = this.getAttribute('src'); //pobieram atrybut src obrazka = jego nazwa
formularz.nazwa.value = src.substring(0, src.length-4); //przycinam nazwę by nie było w niej .jpg
}
}
</script>
</body>
</html>Ogólnie powyższy kod jest idealnym przykładem kodu, który można zoptymalizować powiedzmy o 80%? Może nawet więcej. Tak naprawdę tam poza polem formularza, skryptem i 3 obrazkami nie powinno być nic więcej.