Pełna wersja: [JavaScript]Elementy strony wyłączone z body onclick
Jak w JavieScript zrobic coś takiego żeby gdy użytkownik aplikacji naciśnie na ekran wykonywała się jakaś funkcja, a gdy naciśnie na jakiś inny element strony wykonywała się inna funkcja?
Cytat(S_Olewniczak @ 3.09.2008, 19:01:32 ) 
Jak w JavieScript zrobic coś takiego żeby gdy użytkownik aplikacji naciśnie na ekran wykonywała się jakaś funkcja, a gdy naciśnie na jakiś inny element strony wykonywała się inna funkcja?
Co rozumiesz przez 'ekran' ?
Cytat(Black-Berry @ 3.09.2008, 18:15:10 )
Co rozumiesz przez 'ekran' ?
No jak to co jak dotkniesz palcem monitora
Kod
<script type="text/javascript">
function showMe( txt ){
alert( txt );
}
</script>
<body onclick="showMe( 'kliknieto w body' );">
<input type="button" onclick="showMe( 'kliknieto w button' );" value="click">
</body>
function showMe( txt ){
alert( txt );
}
</script>
<body onclick="showMe( 'kliknieto w body' );">
<input type="button" onclick="showMe( 'kliknieto w button' );" value="click">
</body>
pokrecone pytanie 
Spróbujcie sobie stworzyć prosty skrypt zawierający dwie funkcje np
I prosty plik HTML:
Gdy klikniecie na div'a wykonają się wam dwie funkcje (ButtonPress, BodyPress), a ja chciałbym, żeby w przypadku kliknięcia na div'a wykonała się funkcja ButtonPress, a gdy użytkownik kliknie na dowolny inny obszar(poza div'em) wykonała się funkcja BodyPress. Czy teraz już wszystko jasne?
Kod
function ButtonPress() {
alert ("Przyciścnięto przycisk");
}
function BodyPress() {
alert ("Przyciśnięto <body>");
}
alert ("Przyciścnięto przycisk");
}
function BodyPress() {
alert ("Przyciśnięto <body>");
}
I prosty plik HTML:
Kod
<html>
<head>
<script type="text/javascript" src="MojSkrypt.js"></script>
</head>
<body onclick="BodyPress()">
<div onclick="ButtonPress()">AAA</div>
</body>
</html>
<head>
<script type="text/javascript" src="MojSkrypt.js"></script>
</head>
<body onclick="BodyPress()">
<div onclick="ButtonPress()">AAA</div>
</body>
</html>
Gdy klikniecie na div'a wykonają się wam dwie funkcje (ButtonPress, BodyPress), a ja chciałbym, żeby w przypadku kliknięcia na div'a wykonała się funkcja ButtonPress, a gdy użytkownik kliknie na dowolny inny obszar(poza div'em) wykonała się funkcja BodyPress. Czy teraz już wszystko jasne?
Teraz jasne Przeanalizuj sobie ten kod. To jest ten sam problem. Jeśli masz diva który chcesz wyświetlić po kliknięciu np jakiegoś obrazka a ukryć klikając na dowolny inny element strony.
Przeanalizuj sobie ten kod. To jest ten sam problem. Jeśli masz diva który chcesz wyświetlić po kliknięciu np jakiegoś obrazka a ukryć klikając na dowolny inny element strony.Kod
var edcPopupDivCurrentElement = false;
function edcPopupDivShow(id, event)
{
edcPopupDivHide();
document.getElementById(id).style.display = 'block';
edcPopupDivCurrentElement = id;
edcPopupDivStopEvent(event);
}
function edcPopupDivHide()
{
if (edcPopupDivCurrentElement) {
document.getElementById(edcPopupDivCurrentElement).style.display = 'none';
}
}
function edcPopupDivStopEvent(event)
{
if (event.stopPropagation) {
event.stopPropagation();
} else {
event.cancelBubble = true;
}
}
function edcPopupDivShow(id, event)
{
edcPopupDivHide();
document.getElementById(id).style.display = 'block';
edcPopupDivCurrentElement = id;
edcPopupDivStopEvent(event);
}
function edcPopupDivHide()
{
if (edcPopupDivCurrentElement) {
document.getElementById(edcPopupDivCurrentElement).style.display = 'none';
}
}
function edcPopupDivStopEvent(event)
{
if (event.stopPropagation) {
event.stopPropagation();
} else {
event.cancelBubble = true;
}
}
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.