Foros del Web » Programando para Internet » Javascript »

Botonera con Master Page!!!

Estas en el tema de Botonera con Master Page!!! en el foro de Javascript en Foros del Web. Buenos Dias Dentro del Master Page tengo una botonera con JavaScript, el problema que tengo es que cuando ejecuto el sitio web, no se me ...
  #1 (permalink)  
Antiguo 23/11/2011, 09:20
 
Fecha de Ingreso: noviembre-2011
Mensajes: 1
Antigüedad: 13 años
Puntos: 0
Pregunta Botonera con Master Page!!!

Buenos Dias

Dentro del Master Page tengo una botonera con JavaScript, el problema que tengo es que cuando ejecuto el sitio web, no se me preciona la primera seccion, si no que queda precionada la seccion hasta que le de click, basicamente lo que necesito es que cuando se abra el index.aspx, quede precionado el boton de inicio sin tener que darle click.

HTML
Código:
<div id="h-botonera">
      <div id="boton1">
            <div id="btn-inicio">
            <a id="seccion1" onclick="javascript:redirect('../../index.aspx','seccion1');">Inicio</a></div>
      </div>
      <div id="boton2">
            <div id="btn-nosotros">
            <a id="seccion2" onclick="javascript:redirect('../es/nosotros.aspx','seccion2');">Nosotros</a></div>
      </div>
      <div id="boton3">
            <div id="btn-servicios">
            <a id="seccion3" onclick="javascript:redirect('../es/servicios.aspx','seccion3');">Servicios</a></div>
      </div>
      <div id="boton4">
            <div id="btn-portafolio">
            <a id="seccion4" onclick="javascript:redirect('../es/portafolio.aspx','seccion4');">Portafolio</a></div>
      </div>
      <div id="boton5">
            <div id="btn-socios">
            <a id="seccion5" onclick="javascript:redirect('../es/socios.aspx','seccion5');">Socios</a></div>
      </div>
      <div id="boton6">
            <div id="btn-soporte">
            <a id="seccion6" onclick="javascript:redirect('../es/soporte.aspx','seccion6');">Soporte</a></div>
      </div>
      <div id="boton7">
            <div id="btn-contactenos">
            <a id="seccion7" onclick="javascript:redirect('../es/contactenos.aspx','seccion7');">Contáctenos</a></div>
      </div>
</div>
CSS
Código:
#h-botonera {
	width: 930px;
	height: 49px;
}
#h-botonera #boton1 {
	width: 117px;
	height: 49px;
	float: left;
}
#h-botonera #boton1 #btn-inicio {
	width: 117px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-inicio-over.jpg');
	background-repeat: no-repeat;
}
#h-botonera #boton1 #btn-inicio a {
	width: 117px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-inicio.jpg');
	background-repeat: no-repeat;
	display: block;
	text-indent: -99999px;
	cursor: pointer;
}
#h-botonera #boton1 #btn-inicio a:hover {
	width: 117px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-inicio-over.jpg');
	background-repeat: no-repeat;
	display: block;
	text-indent: -99999px;
	cursor: pointer;
}
#h-botonera #boton1 #btn-inicio a#linkSelect {
	width: 117px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-inicio-over.jpg');
	background-repeat: no-repeat;
	display: block;
	text-indent: -99999px;
	cursor: pointer;
}
#h-botonera #boton2 {
	width: 144px;
	height: 49px;
	float: left;
}
#h-botonera #boton2 #btn-nosotros {
	width: 144px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-nosotros-over.jpg');
	background-repeat: no-repeat;
}
#h-botonera #boton2 #btn-nosotros a {
	width: 144px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-nosotros.jpg');
	background-repeat: no-repeat;
	text-indent: -99999px;
	display: block;
	cursor: pointer;
}
#h-botonera #boton2 #btn-nosotros a:hover {
	width: 144px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-nosotros-over.jpg');
	background-repeat: no-repeat;
	text-indent: -99999px;
	display: block;
	cursor: pointer;
}
#h-botonera #boton2 #btn-nosotros a#linkSelect {
	width: 144px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-nosotros-over.jpg');
	background-repeat: no-repeat;
	text-indent: -99999px;
	display: block;
	cursor: pointer;
}
#h-botonera #boton3 {
	width: 136px;
	height: 49px;
	float: left;
}
#h-botonera #boton3 #btn-servicios {
	width: 136px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-servicios-over.jpg');
	background-repeat: no-repeat;
}
#h-botonera #boton3 #btn-servicios a {
	width: 136px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-servicios.jpg');
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	text-indent: -99999px;
}
#h-botonera #boton3 #btn-servicios a:hover {
	width: 136px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-servicios-over.jpg');
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	text-indent: -99999px;
}
#h-botonera #boton3 #btn-servicios a#linkSelect {
	width: 136px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-servicios-over.jpg');
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	text-indent: -99999px;
}
#h-botonera #boton4 {
	width: 146px;
	height: 49px;
	float: left;
}
#h-botonera #boton4 #btn-portafolio {
	width: 146px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-portafolio-over.jpg');
	background-repeat: no-repeat;
}
#h-botonera #boton4 #btn-portafolio a {
	width: 146px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-portafolio.jpg');
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
#h-botonera #boton4 #btn-portafolio a:hover {
	width: 146px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-portafolio-over.jpg');
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
#h-botonera #boton4 #btn-portafolio a#linkSelect {
	width: 146px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-portafolio-over.jpg');
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
#h-botonera #boton5 {
	width: 108px;
	height: 49px;
	float: left;
}
#h-botonera #boton5 #btn-socios {
	width: 108px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-socios-over.jpg');
	background-repeat: no-repeat;
}
#h-botonera #boton5 #btn-socios a {
	width: 108px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-socios.jpg');
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
#h-botonera #boton5 #btn-socios a:hover {
	width: 108px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-socios-over.jpg');
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
#h-botonera #boton5 #btn-socios a#linkSelect {
	width: 108px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-socios-over.jpg');
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
#h-botonera #boton6 {
	width: 117px;
	height: 49px;
	float: left;
}
#h-botonera #boton6 #btn-soporte {
	width: 117px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-soporte-over.jpg');
	background-repeat: no-repeat;
}
#h-botonera #boton6 #btn-soporte a {
	width: 117px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-soporte.jpg');
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
#h-botonera #boton6 #btn-soporte a:hover {
	width: 117px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-soporte-over.jpg');
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
#h-botonera #boton6 #btn-soporte a#linkSelect {
	width: 117px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-soporte-over.jpg');
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
#h-botonera #boton7 {
	width: 162px;
	height: 49px;
	float: left;
}
#h-botonera #boton7 #btn-contactenos {
	width: 162px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-contactenos-over.jpg');
	background-repeat: no-repeat;
}
#h-botonera #boton7 #btn-contactenos a {
	width: 162px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-contactenos.jpg');
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
#h-botonera #boton7 #btn-contactenos a:hover {
	width: 162px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-contactenos-over.jpg');
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
#h-botonera #boton7 #btn-contactenos a#linkSelect {
	width: 162px;
	height: 49px;
	background-image: url('../../assets/es/images/manta-ray-studios-botonera-contactenos-over.jpg');
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
JavaScript
Código:
function selectCurrentPage(pageCCSID)
{   
    var selected = document.getElementById(pageCCSID);
    selected.setAttribute("id","linkSelect");
}

function redirect(toURL, pageID){
    var myForm = document.createElement("form");
    myForm.method = "post";
    myForm.action = toURL;

    var page = document.createElement("input");
    page.setAttribute("name", "pageID");
    page.setAttribute("value", pageID);
    myForm.appendChild(page);

    document.body.appendChild(myForm);
    myForm.submit();
    document.body.removeChild(myForm);
}

Etiquetas: botonera
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:23.