AYUUUUUUDAAAAA!! =(
Publicado por me (1 intervención) el 26/01/2009 06:24:08
Que tal todos oigan miren tengo una paginita con un menu, cuando haces clic sobre un icono ejecuta una funcion y el icono donde dieron clic, se cambia por otra imagen (el mismo icono pero como si estuviera presionado), y eso si lo hace, pero se ejecutan las otras funciones que debe de ser. ¿Por que hace eso? Ojala me puedan ayudar pongo mi codigo 1000 gracias a todos
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Phatfusion</title>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/imageMenu.js"></script>
<script src="javascript/prototype.js" type="text/javascript"></script>
<script src="javascript/scriptaculous.js" type="text/javascript"></script>
<script src="javascript/effects.js" type="text/javascript"></script>
<!--<link href="css/imageMenu.css" rel="stylesheet" type="text/css" />-->
<!--<link href="css_boton.css" rel="stylesheet" type="text/css" media="all" />-->
<!--Declaramos cual imagen se va a ver en cada boton-->
<style type="text/css">
body {
font-family: Arial, sans serif;
font-size: 11px;
}
#hand_b {
width:50px;
height:50px;
background-image: url(images/handy_sin_presionar.gif);
}
#hand_b.selected {
background-image: url(images/handy_presionado.png);
}
#placemark_b {
width:50px;
height:50px;
background-image: url(images/blu-circle.png);
}
#placemark_b.selected {
background-image: url(images/grn-circle.png);
}
#line_b {
width:50px;
height:50px;
background-image: url(images/lapiz_sin_presionar.png);
}
#line_b.selected {
background-image: url(images/lapiz_presionado.png);
}
#shape_b {
width:50px;
height:50px;
background-image: url(images/area_sin_presionar.png);
}
#shape_b.selected {
background-image: url(images/area_presionado.png);
}
</style>
<!--<h2>Ejemplo:</h2>
<div id="kwick">
<ul class="kwicks">
<li><a class="kwick opt1" href="http://www.sectorweb.net/" ></a></li>
<li><a class="kwick opt2" href="http://www.sectorweb.net/" ></a></li>
<li><a class="kwick opt3" href="http://www.sectorweb.net/" ></a></li>
<li><a class="kwick opt4" href="http://www.sectorweb.net/" ></a></li>
<li><a class="kwick opt5" href="http://www.sectorweb.net/" ></a></li>
</ul>
</div>
<br><br><br> -->
<!--
<script type="text/javascript">
var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:60});
</script>
<div id="boton1" >
<img src="images/handy_sin_presionar.gif" id="boton1" onclick="new Effect.Pulsate(this);"/>
</div>
<div id="boton2" >
<img src="images/handy_sin_presionar.gif" id="boton2" onclick="new Effect.Highlight(this);"/>
</div>
<div id="boton3" >
<img src="images/handy_sin_presionar.gif" id="boton3" onclick="new Effect.Shake(this);"/>
</div>
<div id="boton4" >
<img src="images/handy_sin_presionar.gif" id="boton4" onclick="new Effect.Fold(this);"/>
</div>
<div id="boton5" >
<img src="images/handy_sin_presionar.gif" id="boton5" onclick="new Effect.Puff(this);"/>
</div>
-->
<!--Declaramos que todos los botones inicien en estado NO seleccionado-->
<script type="text/javascript">
function select(buttonId)
{
document.getElementById("hand_b").className="unselected";
document.getElementById("shape_b").className="unselected";
document.getElementById("line_b").className="unselected";
document.getElementById("placemark_b").className="unselected";
document.getElementById(buttonId).className="selected";
document.getElementById("Comando").value = buttonId;
}
function Parar()
{
select ("hand_b");
/*document.getElementById("hand_b").className="selected";
document.getElementById("shape_b").className="unselected";
document.getElementById("line_b").className="unselected";
document.getElementById("placemark_b").className="unselected"; */
alert("parar");
//document.getElementById("Comando").value = "parar";
//background-image: url(images/handy_presionado.png);
}
function Marca()
{
select("placemark_b");
alert("Marca");
}
function Linea()
{
select("line_b");
alert("Linea");
}
function Area()
{
select("shape_b");
alert("Area");
}
function inicializa()
{
featureTable_ = document.getElementById("featuretbody");
select("hand_b");
}
</script>
</head>
<body>
<!-- Boton para dibujar en el mapa-->
<div id="hand_b"
onclick="Parar()"/>
<br> <br> <br> <br>
<!--Pon una marca en el mapa-->
<div id="placemark_b"
onclick="Marca()"/>
<br> <br> <br> <br>
<!--haz una linea a mano alzada-->
<div id="line_b"
onclick="Linea()"/>
<br> <br> <br> <br>
<!--dibuja una area en el mapa-->
<div id="shape_b"
onclick="Area();"/>
<br> <br> <br> <br>
<input id ="Comando" name="Comando" type="text" readonly="true" />
<input type="hidden" id="featuredetails" rows=2> </input>
<!--<p>To draw on the map, click on one of the buttons and then click on the map. Double-click to stop drawing a line or shape. Click on an element to change color. To edit a line or shape, mouse over it and drag the points. Click on a point to delete it.</p>-->
<!--<table id ="featuretable">
<tbody id="featuretbody"></tbody>
</table>-->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Phatfusion</title>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/imageMenu.js"></script>
<script src="javascript/prototype.js" type="text/javascript"></script>
<script src="javascript/scriptaculous.js" type="text/javascript"></script>
<script src="javascript/effects.js" type="text/javascript"></script>
<!--<link href="css/imageMenu.css" rel="stylesheet" type="text/css" />-->
<!--<link href="css_boton.css" rel="stylesheet" type="text/css" media="all" />-->
<!--Declaramos cual imagen se va a ver en cada boton-->
<style type="text/css">
body {
font-family: Arial, sans serif;
font-size: 11px;
}
#hand_b {
width:50px;
height:50px;
background-image: url(images/handy_sin_presionar.gif);
}
#hand_b.selected {
background-image: url(images/handy_presionado.png);
}
#placemark_b {
width:50px;
height:50px;
background-image: url(images/blu-circle.png);
}
#placemark_b.selected {
background-image: url(images/grn-circle.png);
}
#line_b {
width:50px;
height:50px;
background-image: url(images/lapiz_sin_presionar.png);
}
#line_b.selected {
background-image: url(images/lapiz_presionado.png);
}
#shape_b {
width:50px;
height:50px;
background-image: url(images/area_sin_presionar.png);
}
#shape_b.selected {
background-image: url(images/area_presionado.png);
}
</style>
<!--<h2>Ejemplo:</h2>
<div id="kwick">
<ul class="kwicks">
<li><a class="kwick opt1" href="http://www.sectorweb.net/" ></a></li>
<li><a class="kwick opt2" href="http://www.sectorweb.net/" ></a></li>
<li><a class="kwick opt3" href="http://www.sectorweb.net/" ></a></li>
<li><a class="kwick opt4" href="http://www.sectorweb.net/" ></a></li>
<li><a class="kwick opt5" href="http://www.sectorweb.net/" ></a></li>
</ul>
</div>
<br><br><br> -->
<!--
<script type="text/javascript">
var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:60});
</script>
<div id="boton1" >
<img src="images/handy_sin_presionar.gif" id="boton1" onclick="new Effect.Pulsate(this);"/>
</div>
<div id="boton2" >
<img src="images/handy_sin_presionar.gif" id="boton2" onclick="new Effect.Highlight(this);"/>
</div>
<div id="boton3" >
<img src="images/handy_sin_presionar.gif" id="boton3" onclick="new Effect.Shake(this);"/>
</div>
<div id="boton4" >
<img src="images/handy_sin_presionar.gif" id="boton4" onclick="new Effect.Fold(this);"/>
</div>
<div id="boton5" >
<img src="images/handy_sin_presionar.gif" id="boton5" onclick="new Effect.Puff(this);"/>
</div>
-->
<!--Declaramos que todos los botones inicien en estado NO seleccionado-->
<script type="text/javascript">
function select(buttonId)
{
document.getElementById("hand_b").className="unselected";
document.getElementById("shape_b").className="unselected";
document.getElementById("line_b").className="unselected";
document.getElementById("placemark_b").className="unselected";
document.getElementById(buttonId).className="selected";
document.getElementById("Comando").value = buttonId;
}
function Parar()
{
select ("hand_b");
/*document.getElementById("hand_b").className="selected";
document.getElementById("shape_b").className="unselected";
document.getElementById("line_b").className="unselected";
document.getElementById("placemark_b").className="unselected"; */
alert("parar");
//document.getElementById("Comando").value = "parar";
//background-image: url(images/handy_presionado.png);
}
function Marca()
{
select("placemark_b");
alert("Marca");
}
function Linea()
{
select("line_b");
alert("Linea");
}
function Area()
{
select("shape_b");
alert("Area");
}
function inicializa()
{
featureTable_ = document.getElementById("featuretbody");
select("hand_b");
}
</script>
</head>
<body>
<!-- Boton para dibujar en el mapa-->
<div id="hand_b"
onclick="Parar()"/>
<br> <br> <br> <br>
<!--Pon una marca en el mapa-->
<div id="placemark_b"
onclick="Marca()"/>
<br> <br> <br> <br>
<!--haz una linea a mano alzada-->
<div id="line_b"
onclick="Linea()"/>
<br> <br> <br> <br>
<!--dibuja una area en el mapa-->
<div id="shape_b"
onclick="Area();"/>
<br> <br> <br> <br>
<input id ="Comando" name="Comando" type="text" readonly="true" />
<input type="hidden" id="featuredetails" rows=2> </input>
<!--<p>To draw on the map, click on one of the buttons and then click on the map. Double-click to stop drawing a line or shape. Click on an element to change color. To edit a line or shape, mouse over it and drag the points. Click on a point to delete it.</p>-->
<!--<table id ="featuretable">
<tbody id="featuretbody"></tbody>
</table>-->
</body>
</html>
Valora esta pregunta
0