Mindig ugyanazt a fájlt nyissa meg különböző kattintáskor. Segíteni tudtok?
Valamiért ha rákattintok az egyik porcióra mindenhol ugyanazt a fájlt nyitja meg. Valahol biztos elrontottam,de nem látom át tisztán az egészet,mivel elég kezdő vagyok. -.- Tudnátok segíteni,vagy ajánlani valamit/valamilyen építő kritikát ill. ami segíthet jobban megérteni. Előre is köszönöm. 16/L
<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Amatic+SC">
<style>
body, html {height: 100%}
body,h1,h2,h3,h4,h5,h6 {font-family: "Amatic SC", sans-serif}
.menu {display: none}
.bgimg {
background-repeat: no-repeat;
background-size: cover;
background-image: url("food.jpg");
min-height: 90%;
}
</style>
<header class="bgimg w3-display-container w3-grayscale-min" id="home">
<div class="w3-display-middle w3-center">
<p><a href="#menu" class="w3-button w3-xxlarge w3-black">Lássuk a menüt</a></p>
</div>
</header>
<div class="w3-container w3-black w3-padding-64 w3-xxlarge" id="menu">
<div class="w3-content">
<h1 class="w3-center w3-jumbo" style="margin-bottom:64px"><b>MENÜ</b></h1>
</div>
<hr></hr>
<div class="w3-container w3-black w3-padding-64 w3-xxlarge" id="food0">
<div class="w3-content">
<h1 class="w3-center w3-jumbo" style="margin-bottom:64px"><b>GÖRÖG GYÜMÖLCSLEVES</b></h1>
<img src="greeksoup.jpg" width="550" high="290" align="right">
</div>
<hr></hr>
<p>PORCIÓK:</p>
<table><tr><td id="Save" onclick="food0()" > 4 személyes </td></tr>
<script>
document.getElementById('food0').onclick = function changeContent()
{
document.getElementById('food0').innerHTML =location.href = 'gfs.html' ;
}
</script></table>
<table><tr><td id="Save" onclick="food0()" > 80 személyes </td></tr>
<script>
document.getElementById('food0').onclick = function changeContent()
{
document.getElementById('food0').innerHTML =location.href = 'gfs1.html' ;
}
</script>
</table>
<table><tr><td id="Save" onclick="food0()" >160 személyes </td></tr>
<script>
document.getElementById('food0').onclick = function changeContent()
{
document.getElementById('food0').innerHTML =location.href = 'gfs2.html' ;
}
</script></table>
<div class="w3-container w3-black w3-padding-64 w3-xxlarge" id="food2">
<div class="w3-content">
<h1 class="w3-center w3-jumbo" style="margin-bottom:64px"><b>RÁNTOTT HÚS</b></h1>
<img src="rantotthus.jpg" width="550" high="290" align="right">
</div>
<hr></hr>
<p>PORCIÓK:</p>
<table><tr><td id="Save" onclick="food2()" > 4 személyes </td></tr>
<script>
document.getElementById('food2').onclick = function changeContent()
{
document.getElementById('food2').innerHTML =location.href = 'rh.html' ;
}
</script></table>
<table><tr><td id="Save" onclick="food2()" > 80 személyes </td></tr>
<script>
document.getElementById('food2').onclick = function changeContent()
{
document.getElementById('food2').innerHTML =location.href = 'rh1.html' ;
}
</script></table>
<table><tr><td id="Save" onclick="food2()" >160 személyes </td></tr>
<script>
document.getElementById('food2').onclick = function changeContent()
{
document.getElementById('food2').innerHTML =location.href = 'rh2.html' ;
}
</script></table>
</div><div class="w3-container w3-black w3-padding-64 w3-xxlarge" id="food3">
<div class="w3-content">
<h1 class="w3-center w3-jumbo" style="margin-bottom:64px"><b>KAKAÓS PALACSINTA</b></h1>
<img src="pancakes.jpg" width="550" high="290" align="right"></div>
<hr></hr>
<p>PORCIÓK:</p>
<table><tr><td id="Save" onclick="food3()" > 4 személyes </td></tr>
<script>
document.getElementById('food3').onclick = function changeContent()
{
document.getElementById('food3').innerHTML =location.href = 'k.html' ;
}
</script></table>
<table><tr><td id="Save" onclick="food3()" > 80 személyes </td></tr>
<script>
document.getElementById('food3').onclick = function changeContent()
{
document.getElementById('food0').innerHTML =location.href = 'k1.html' ;
}
</script></table>
<table><tr><td id="Save" onclick="food3()" >160 személyes </td></tr>
<script>
document.getElementById('food3').onclick = function changeContent()
{
document.getElementById('food3').innerHTML =location.href = 'k2.html' ;
}
</script></table>
</html>
válasza:Először is: hiányzik a head és body tag.
Másodszor: ne ide illeszd be a kódot, mivel így elég átláthatatlan, inkább töltsd fel egy online kódszerkesztőbe, onnan a te kódod linkjét be tudod ide illeszteni.
Pl. [link]
Én ezt szoktam használni ilyen esetekben, de sok másik van még, pl. [link]
vagy [link]
válasza: válasza:További 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!