Valaki segítene ebben az egyszerűnek tűnő feladatban?
HTML-ben és javaScriptben kéne magadni. Adott egy Fürj nevű gomb és ha megnyomjuk a gombot, akkor adjon ki egy fürj képet.
Ezzel a módszerrel próbálkoztam, de nem értem.
<html>
<head>
<script language="javaScript">
function elso_fuggveny(){
document.getElementById("torzs").innerHTML=<img src=”furj1.jpg”>
}
</script>
</head>
<body>
<div id="torzs"></div><br>
<form name="f1">
<input type="button" value="Fürj" onclick="elso_fuggveny()">
</form>
</body>
</html>
válasza:Az innerHTML-nek átadott értéket idézőjelek közé kéne írni. A fájlnevet pedig mondjuk aposztrófok közé.
Illetve azt tenném még hozzá, hogy ha csak a gomb miatt tettél be form-ot, akkor az felesleges. Használhatod a <button> tag-et is.
válasza:+ A <script>-et szabványos módon illik paraméterezni:
válasza:jquery jó? az egy js alapu keretrendszer mert am ha igen akkor
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
$(document).ready(function(){
$("#furj").clicl(function(){
$("img#furj").css("display","block");
});
});
</script>
</head>
<body>
<button id="furj">Fürj<button>
<img src="furj1.jpg" id="furj" style="display:none;"/>
</body>
</html>
vagy
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
$(document).ready(function(){
$("#furj").clicl(function(){
$("div#feed").html("<img src='furj1.jpg'>");
});
});
</script>
</head>
<body>
<button id="furj">Fürj<button>
<div id="feed"></div>
</body>
</html>
vagy
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
$(document).ready(function(){
$("#furj").clicl(function(){
$("body").append("<img src='furj1.jpg'>");
});
});
</script>
</head>
<body>
<button id="furj">Fürj<button>
</body>
</html>
az elsőnél bevan szurva a kép aminek az display-a(megjelenése) az none azaz nem jeleni meg, a másodiknál vagy egy feed nevü dived amihez hozzáfűzzük a html függvénnyel a tag-et, a harmadiknál pedig a bodyhoz hozzáfűzzük az appendel a a képet
jqueryhez tutoriál: https://www.youtube.com/playlist?list=PLuYHIg_0xQJvBiME9UzPBuI0z5g0WcMOw
ajánlom mert megkönnyíti az életed ^^
válasza: válasza: válasza:Az elgondolás jó, pár szintaktikai hiba van benne.
Próbálom összefoglalni a hibákat, illetve kódolási javaslatokat adni:
1. <!DOCTYPE html> hiányzik a dokumentum elejéről - szükséges.
2. Karakterkódolás megadása javallott - utf-8 esetén: <meta charset="utf-8">
3. <title> tag használata kötelező - szóval legyen például: <title>Fürj</title>
4. <script language="javaScript">
helyett inkább javaslom:
<script type="text/javascript">
5. A Javascript-kódon belül ajánlatos a karakterláncokat szimpla aposztróffal közrefogni, mert az eltér a HTML-attribútumuknál használt dupla "macskakörmöktől".
6. Az innerHTML értéke egy sztring - aposztrófok közé kell rakni.
7. Az <img> tag alt attribútuma kötelező.
8. Javascriptben egy parancs végét illik pontosvesszővel lezárni.
Az utóbbi 3 pont összefoglalva:
document.getElementById('torzs').innerHTML = '<img src=”furj1.jpg” alt='Fürj'>';
9. Nem kötelező, de javallott a <script> taget az oldal aljára rakni a </body> elem elé.
Összefoglalva:
http://pastie.org/10520787
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!