Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem Jak zobrazit obsah divu

Ahoj, může prosím někdo poradit, jak udělat v jednom html souboru menu, které by po kliknutí zobrazilo přiřazený obah divu. Musí to být všechno jednom souboru. Moc moc děkuji za pomoc.

Předmět Autor Datum
Třeba nastavit tomu divu display na none a při kliknutí se to none vymaže.
Wikan 06.12.2017 19:54
Wikan
Můžete to prosím upřesnit?
Martina1111 06.12.2017 19:57
Martina1111
• Nevim presne jak to myslis, ale jestli chces dynamicky menit obsah divu pri kliknuti bez znovu nac…
XoXoChanel 06.12.2017 20:01
XoXoChanel
Děkuji, chtěla bych to nějak takto. <script language="JavaScript"> function zobraz_div(ID){ ???? ta…
Martina1111 06.12.2017 21:00
Martina1111
Co přesně?
Wikan 06.12.2017 20:03
Wikan
Nerozumím větě "při kliknutí se to none vymaže."
Martina1111 06.12.2017 21:03
Martina1111
HTML: <div id="my">Blablabla</div> CSS: div#my { display: none; } JS: function show() { $("but…
Mlocik97 06.12.2017 21:14
Mlocik97
Jasně díky, myslela jsem, že je to bez JS, proto mi to nešlo do hlavy, jak se to změní po kliknutí.…
Martina1111 06.12.2017 21:20
Martina1111
chybyčka se vbloudila, v tomto prípade by CSS musel byť inline zápis. poslední
Mlocik97 06.12.2017 21:25
Mlocik97
To je nějaký domácí úkol?
host 06.12.2017 20:16
host
Není to domácí úkol, ale vždy se najde nějaký trotl, který nikdy nikomu neporadil ale debilními kecy…
Martina1111 06.12.2017 21:07
Martina1111
Ano, vždycky se najde nějaký trotl, který chce aby za něj ostatní řešili domácí úkol, a myslí si, ja…
host 06.12.2017 21:16
host

• Nevim presne jak to myslis, ale jestli chces dynamicky menit obsah divu pri kliknuti bez znovu nacteni celé stranky, tak bych asi pouzil JavaScript.

• Myslim ze by to slo i pomoci codu Typu :
[JavaScript]

<script language="JavaScript">
	function zobraz_text(text)
              {
		document.getElementById("2").innerHTML = text;
	      }
</script>

[HTML]

<body>
	<div id="1">
              <h3> Obsah  DIV cislo 1 </h3>
		   <img src="#" width="25" height="15" onclick="zobraz_text('muj text 1');"/>
		   <img src="#" width="25" height="15" onclick="zobraz_text('muj text 2');"/>
	</div> 
	<div id="2">
	      <h3> Obsah DIV cislo 2</h3>
	</div>
</body>

[CSS]

<style type="text/css">
#1 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#2 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height: 500px;
}
</style>

Děkuji, chtěla bych to nějak takto.

<script language="JavaScript">
function zobraz_div(ID){
  ???? tady nevim co napsat
}
</script>

<body>
<a href="" onclick="zobraz_div(1);">Obsah DIV 1</a>
<a href="" onclick="zobraz_div(2);">Obsah DIV 2</a>

<div id="1"><h3> Obsah  DIV cislo 1 </h3></div>
<div id="2"><h3> Obsah DIV cislo 2</h3></div>
</body>

HTML:

<div id="my">Blablabla</div>

CSS:

div#my {
    display: none;
}

JS:

function show() {
    $("button").click(function(){
        $("div#my").removeAttr("style");
    });
}

Zpět do poradny Odpovědět na původní otázku Nahoru