Tämä piilottaa/näyttää tekstiä kun jostain klikataan.
Voipi jopa olla hyödyllinen jollekkin.
<script type="text/javascript">
/* <!-- */
function tarkistaKlikki() {
var id, elementti;
id = window.event.srcElement.id + "_hidden";
elementti = document.all(id);
if (window.event.srcElement.name == "piilo") {
if (elementti.style.display == "none") {
elementti.style.display = "";
}
else {
elementti.style.display = "none";
}
}
}
document.onclick = tarkistaKlikki;
/* --> */
</script>esimerkki
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Klik!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
/* <!-- */
function tarkistaKlikki() {
var id, elementti;
id = window.event.srcElement.id + "_hidden";
elementti = document.all(id);
if (window.event.srcElement.name == "piilo") {
if (elementti.style.display == "none") {
elementti.style.display = "";
}
else {
elementti.style.display = "none";
}
}
}
document.onclick = tarkistaKlikki;
/* --> */
</script>
</head>
<body>
<div name="piilo" id="eka">Älä vaan klikkaa minua!</div>
<div id="eka_hidden" style="display:none;">No klikkasit sitten kuitenkin!!!! <b>ÄÄLIÖ!!!</b><br /><br /><div name="piilo" id="toka">No, toivottavasti pysyt erossa minusta.</div></div>
<div id="toka_hidden" style="display:none;">AARGH!!! Lopeta tuo sietämätön hiplaus!</div>
</body>
</html>Ainiin toi toimii tälleen:
<div name="piilo" id="jokuid">paina</div>
<div id="jokuid_hidden" style="display:none;">hyvä poika!</div>
Ja jokuid:n kohdalle... joku id.
heh mukavia noi ton kommentit =)
no voih...
ehkä tollasta 10 rivistä JS-koodia _EI_ tarvitse!
<b onclick="this.style.visibility='hidden'">Katoa!
pienoista optimointia? eh...
heh :)
Kadotus kyllä onnistuu tuolla tavalla, mutta kuinkas ajattelit laittaa sen tekstin putkahtamaan takaisin?
T.M, ehkäpä ei tarvitse, mutta sillä tavalla se on helpompaa kuin sun purkkaviritelmät.
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
GeoHound, juuri tuota varten ton väsäsinkin :P
Onnistuuko tol esim. et jos näppäilee liikaa saa bannit sil sivul?
MiikkaV, ei. :P
Kiitos. Tästä irtosi aloittelijalla useita hyviä ideoita.
Kiitin ennen kuin kokeilin kunnolla... Onko minussa vikaa, vai eikö tämä ei toimi Mozillalla?
Eipä toimi, kokeilujeni mukaan ainoastaan IE:llä.
lainaus:
Eipä toimi, kokeilujeni mukaan ainoastaan IE:llä.
tuo on harmillinen juttu. koska IE jää koko ajan enemmän ja enemmän pois kun paremmat(?) ja kevyemmät ilmaisselaimet on aina vaan enemmän käytössä.
IE:lle on helpompi tehdä koodia kuin muille. Netscapelle näppäinohjaus on aika vaikeaa, mutta jos joku tietää keinon, jossa ei käytetä selaintunnistusta, niin otan kyllä mielellään vastaan.
<script language='JavaScript'>
function swap_content(span) {
displayType=(document.getElementById(span).style.display=='none') ? 'block':'none';
document.getElementById(span).style.display=displayType;
}
</script>
<a href="#" onclick="swap_content('1'); return false;">Klik</a>
<span id="1" style="display: none">jees<br>poks</span>
<a href="#" onclick="swap_content('2'); return false;">Klik2</a>
<span id="2" style="display: none"><b>jees</b><u>poks</u></span>Miten tuohon edelliseen Mkz:n lisäykseen saa linkit pelaamaan sillä tavalla että jos toinen on avattuna ja toisen avaa niin aikaisemmin aukaistu linkki sulkeutuu automaattisesti. Eli ainoastaan toinen esimerkin jees tai jeespoks olisi esillä.
Frontpagella onnistuu kanssa!
Hmm...
Mulla olisi ongelma. Kun noita bändin nettisivuja teen niin haluaisin että kun laitta hiiren "jäsenet" kohtaan niin tulee semmonen palkki siihen alas jossa ois sitten esim. "simo", "kyllikki" ja "antero".
Tämän kai saa "onmouseover"illa mutta en hallitse javascriptiä
kunnolla joten mitä pitää tehä?
Tumpi kirjoitti:
AARGH!!! Lopeta tuo sietämätön hiplaus!
kivoja tekstejä tulee.
KuinKala kirjoitti:
lainaus:
Eipä toimi, kokeilujeni mukaan ainoastaan IE:llä.
tuo on harmillinen juttu. koska IE jää koko ajan enemmän ja enemmän pois kun paremmat(?) ja kevyemmät ilmaisselaimet on aina vaan enemmän käytössä.
Tietääkö kukaan vastaavaa koodinpätkää, joka toimisi myös Firefoxilla?
Stone5 kirjoitti:
Tietääkö kukaan vastaavaa koodinpätkää, joka toimisi myös Firefoxilla?
Tässä on hieman yksinkertaistettu esimerkki:
<html>
<head>
<title>Esimerkki</title>
<script type="text/javascript" language="JavaScript">
function block() {
if(document.getElementById("hidden").style.display == 'block'){
document.getElementById("hidden").style.display = 'none';
}else{
document.getElementById("hidden").style.display = 'block';
}
}
</script>
</head>
<body>
<div onclick="block();">
Klikkaa minua!
</div>
<div id="hidden" style="display:none">
Toimiix?
</div>
</body>
</html>tän vissii saa toimimaan ihan silleen et laittaa hiiren päälle niin teksti tulee. Siis ainaki oon nähny silleen. Siis jos tekstinä on "älä koske" ja laittaa sen päälle hiiren niin tulee esm teksti "miksi koskit minua?". Se on aika hieno. Yllättää netti surffaajat
En ymmärrä juurikaan JavaScriptiä, mutta nyt olisi tarvetta samanlaiselle koodille kuin jo123 kirjoittama, joka toimii siis myös Firefoxilla. Se pitäisi tosin saada muutettua muotoon, jossa sitä voisi käyttää useammassa eri kohdassa sivulla. Voisiko joku minua fiksumpi mahdollisesti auttaa tässä? Kiitos jo etukäteen!
Aihe on jo aika vanha, joten et voi enää vastata siihen.