Foros del Web » Programando para Internet » Javascript »

Cambiar href del tag a e img

Estas en el tema de Cambiar href del tag a e img en el foro de Javascript en Foros del Web. Hola a todos, lo que quiero hacer es algo complicado, e intentado pero me cuesta bastante, espero me puedan ayudar....el tema es el siguiente: lo ...
  #1 (permalink)  
Antiguo 21/12/2011, 05:23
 
Fecha de Ingreso: agosto-2011
Mensajes: 78
Antigüedad: 10 años, 9 meses
Puntos: 1
Cambiar href del tag a e img

Hola a todos, lo que quiero hacer es algo complicado, e intentado pero me cuesta bastante, espero me puedan ayudar....el tema es el siguiente:
lo que necesito hacer es tomar una pagina "Z" cualquiera y agregarle un menu con opciones a los tag <a> y <img>, de manera que al hacer click derecho me aparezca:
-navegar
-opcion2
-opcion3

Si clickeo en la opcion navegar, me tiene que redirigir hacia la pagina donde apunta ese link. Lo que logre hasta ahora es insertar con Java Script el menu en cada tag <a> e <img> pero lo que no logro hacer es asociarle el valor del href del tag a la opcion "navegar" para que al hacer click me pueda dirigir hacia la pagina donde me lleva el link....Es posible hacerlo de alguna manera?? Si necesitan algo de codigo para ver como hice lo otro diganme. muchas gracias!
__________________
Gimnasia y esgrima de la plata
  #2 (permalink)  
Antiguo 21/12/2011, 08:10
 
Fecha de Ingreso: junio-2008
Ubicación: CABA
Mensajes: 11
Antigüedad: 13 años, 11 meses
Puntos: 1
Respuesta: Cambiar href del tag a e img

[URL="http://www.cristalab.com/tutoriales/reemplazar-y-bloquear-click-derecho-con-javascript-c65420l/"]http://www.cristalab.com/tutoriales/reemplazar-y-bloquear-click-derecho-con-javascript-c65420l/[/URL]Mirá acá a ver si te sirve.


este con jquery está muy lindo.

[URL="http://web.ontuts.com/tutoriales/como-crear-un-menu-contextual-en-javascript-mediante-jquery/"]http://web.ontuts.com/tutoriales/como-crear-un-menu-contextual-en-javascript-mediante-jquery/[/URL]

saludos.

Última edición por piqui81; 21/12/2011 a las 08:22
  #3 (permalink)  
Antiguo 21/12/2011, 09:05
 
Fecha de Ingreso: agosto-2011
Mensajes: 78
Antigüedad: 10 años, 9 meses
Puntos: 1
Respuesta: Cambiar href del tag a e img

Muchas Gracias por el aporte!! El problema que tengo es por ej:
tengo un tag a asi:
<a href="http://www.forosdelweb.com">Foros del web</a>
Luego lo que hago es ponerle a todos los tag a, el menu. Hasta ahi bien... Cuando toco con click derecho en Foros del web me sale el menu con opciones,
-navegar
-opcion1
-opcion2
Lo que yo quiero es cuando toco en navegar me lleve a http://www.forosdelweb.com. El tema es que quiero q cada navegar de cada tag a me lleve al href que tienen, y nose como decirle a la opcion navegar del menu que tome esos valores...

Lo que funciona es asignarle a navegar un href para todos, porque lo cambio en el menu, pero quiero que sea dinamico, nose como asociar al href de la opcion navegar del menu el href del tag a
__________________
Gimnasia y esgrima de la plata
  #4 (permalink)  
Antiguo 21/12/2011, 11:51
Avatar de Dnielf  
Fecha de Ingreso: diciembre-2008
Ubicación: 127.0.0.1
Mensajes: 72
Antigüedad: 13 años, 5 meses
Puntos: 14
Respuesta: Cambiar href del tag a e img

Ojalá te sirva, aunque no he usado jQuery. La idea es capturar el enlace con e.target :

http://jsfiddle.net/dnielF/fywkk/65/

Última edición por Dnielf; 21/12/2011 a las 12:00
  #5 (permalink)  
Antiguo 22/12/2011, 16:28
Avatar de marlanga  
Fecha de Ingreso: enero-2011
Ubicación: Murcia
Mensajes: 1.024
Antigüedad: 11 años, 4 meses
Puntos: 206
Respuesta: Cambiar href del tag a e img

Aquí tienes algo que he programado en 10 minutos:
Código HTML:
<html>
	<head>
		<title>Prueba</title>
		<style>
			div#contexto { background-color:red; padding:40px; text-align:center; margin: 50;}
			div#menu { position:absolute; top:0; left:0; display:none; border: 2px solid black; }
			div#menu a { display:block; background-color:blue; color:pink; text-decoration:none; padding:2px;}
			div#menu a:hover { background-color:pink; color:blue;}
		</style>
		<script>
			var capa;
			var menu;
			var temporizador=null;
			
			function inicio(){	
				menu=document.getElementById("menu");
				capa=document.getElementById("contexto");
				capa.oncontextmenu=muestraMenu;
			}
			function actualizaTempo(tiempo){
				if (temporizador)
					clearTimeout(temporizador);
				temporizador=setTimeout("ocultaMenu();",tiempo);
			}
			function muestraMenu(e){
				e.preventDefault();
				e.stopPropagation();

				menu.style.top=e.pageY-5;
				menu.style.left=e.pageX-5;
				menu.style.display="block";
			}
			function ocultaMenu(){
				if (temporizador)
					clearTimeout(temporizador);
					
				menu.style.display="none";
			}
			
			function log(texto){
				var log=document.getElementById("log");
				log.innerHTML=texto;
				ocultaMenu();
			}
			
		</script>
	</head>

	<body onload="inicio();">
		<div id="contexto"> PINCHA BOTON DERECHO DENTRO DE MI </div>
		<div id="log"></div>
		<div id="menu" onmouseover="actualizaTempo(10000);" onmouseout="actualizaTempo(300);">
			<a href="#" onclick="log('Elegida opcion 1');">Opcion 1</a>
			<a href="#" onclick="log('Opcion 2 pulsada');">Opcion 2</a>
			<a href="#" onclick="log('Al final pinchaste opcion 3');">Opcion 3</a>
		</div>
	</body>
</html> 
Con ella se crea un menu contextual que sustituye al del botón derecho del raton, pero solo si pinchas dentro del div.

La he subido a mi carpeta de experimentos. Aquí se puede ver el ejemplo online.

Edit: Ops, no vi el ejemplo de Dnielf. Muy bueno.

Última edición por marlanga; 22/12/2011 a las 17:58
  #6 (permalink)  
Antiguo 28/12/2011, 05:42
 
Fecha de Ingreso: agosto-2011
Mensajes: 78
Antigüedad: 10 años, 9 meses
Puntos: 1
Respuesta: Cambiar href del tag a e img

Exelente, ,me re sirvio.... Gracias a todos!! saludos!
__________________
Gimnasia y esgrima de la plata

Etiquetas: href, img, tag
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 18:48.