Aktivace prvku po kliknuti

Fórum › JavaScript, AJAX, jQuery

~ Anonymní uživatel
~ 62 příspěvků

22. 7. 2012 #1

Dobry den mam problem z prvky. Mam nekolik prvku a potrebuji je nastavit po kliknuti na aktivni. Jde o to ze v CSS pouzivam funkci .active abych mel treba zvyrazneny text aktivniho prveku. Ale nevim jak udelat prvek aktivni po kliknuti na nej. Jde pouze o odkazy <a>. Dik

Nahlásit jako SPAM

IP: 213.155.255.–

kavva+4

Návštěvník

22. 7. 2012 #2

Ahoj,
ak potrebujes iba pridat tu classu na po kliknuti, tak skus toto:

// odstrani classu active zo vsetkych Acok
$('#id_tej_linky').each(function(){
	$(this).removeClass('active');
});

// a prida konkretne tej, ktoru potrebujes
$('#id_tej_linky').bind('click',function(){
	$(this).addClass('active');
});

Nahlásit jako SPAM

IP: 95.105.214.–

Mirek

~ Anonymní uživatel
~ 62 příspěvků

22. 7. 2012 #3

#2 kavva
Vypadá to dobře i na google se to tak řeší, ale nemohu tovůbec dostat do tohodle kodu a zkousel sem fakt spousy variant

<html>
<head>
<link rel="stylesheet" type="text/css" rel="nofollow" href="redakce.css" media="screen" />
<style media="all" id="zalozky">
.polozka {display: none}
#prvni {display: block}
</style>

</script>
</head>
<body>

<div class="center">
<div id="prvni" class="polozka">
<a name="prvni"></a>
<p>Nějaký libovolný text bla bla bla bla bla. Lorem ipsum dlouhý text.

</div>

<p>Vtip je v tom, že jsem pořád v tomtéž souboru.
</div>

<div id="treti" class="polozka">
<a name="treti"></a>
<p>Obsahuje libovolný text, který se aktivuje po kliknutí na třetí odkaz.
</div>
</div>

</body>
</html>

Nahlásit jako SPAM

IP: 213.155.255.–

Mirek

~ Anonymní uživatel
~ 62 příspěvků

22. 7. 2012 #4

#2 kavva
Promin tady je to prehlednejsi, nevedel sem ze to jde jako kod

<html>
<head>
<link rel="stylesheet" type="text/css" href="redakce.css" media="screen" />
<style media="all" id="zalozky">
		.polozka {display: none} 
		 #prvni {display: block}
</style>

<script>
		var zobrazena = "prvni"; // pomocna promenna, na zacatku nastavena na jmeno zobrazene polozky
		
		function zobraz(polozka){
			if (document.getElementById){	
				document.getElementById(zobrazena).style.display = "none"; // skryje předchozí polozku
				document.getElementById(polozka).style.display = "block"; // zobrazi se nakliknuta polozka
				zobrazena = polozka; // aktualne zobrazena polozka se ulozi do globalni promenne, aby se pozdeji dala skryt
				return false; // odkaz neproklikne na href
			}
			else {
				if(document.stylesheets) document.stylesheets["zalozky"].disabled = true; // v nekterych browserech (IE 4) vypne styl nezobrazovani, aby se polozky alespon zobrazily
				return true; // odkazy budou proklikavat na href
			} 
		}

		
	</script>
</head>
<body>

<p class="zalozka">	
<table>
				<tr><td><a id="id1" href="#prvni" onclick="return zobraz('prvni')"> </a></tr></td>
				<tr><td><a href="#druha" onclick="return zobraz('druha'); "></a></tr></td>
				<tr><td><a href="#treti" onclick="return zobraz('treti'); "></a></tr></td>
<table>
</p>

<div class="center">
	<div id="prvni" class="polozka">
	<a name="prvni"></a>
	<p>Nějaký libovolný text bla bla bla bla bla. Lorem ipsum dlouhý text.

	</div>

	<div id="druha" class="polozka">
	<a name="druha"></a>

	<p>Vtip je v tom, že jsem pořád v tomtéž souboru.
	</div>

	<div id="treti" class="polozka">
	<a name="treti"></a>
	<p>Obsahuje libovolný text, který se aktivuje po kliknutí na třetí odkaz.
	</div>
</div>

</body>
</html>

Nahlásit jako SPAM

IP: 213.155.255.–

← Zpět na seznam vláken ← Zpět do Fóra