Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje13-01-2009, 00:10 (UTC)    
Título del mensaje: [Código Javascript] Menú de vínculos al hacer clic derecho

Bueno esto lo pegan en la pagina q deseen poner el menu!En vista html
Copia y Pega el código en cualquier lado de Editar diseño.

Código:
<STYLE>
<!--
.skin0{
position:absolute;
width:175px;
border:2px solid white;
background-color:#C0C0C0;
font-family:Verdana;
font-size: 10px;
line-height:15px;
cursor:default;
visibility:hidden;
}
.menuitems{
padding-left:10px;
padding-right:10px;
}
--> </style>

<script language="JavaScript1.2">
var menuskin=0
var display_url=0
function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY
if (rightedge<ie5menu.offsetWidth)
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
ie5menu.style.left=document.body.scrollLeft+event.clientX
if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.clientY
ie5menu.style.visibility="visible"
return false
}
function hidemenuie5(){
ie5menu.style.visibility="hidden"
}
function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}
function jumptoie5(){
if (event.srcElement.className=="menuitems"){
if (event.srcElement.getAttribute("target")!=null)
window.open(event.srcElement.url,event.srcElement.getAttribute("target"))
else
window.location=event.srcElement.url
}
}
</script>
<!--[if IE]>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="URL" target="_self">- Nombre</div>
<div class="menuitems" url="URL" target="_self">- Nombre</div>
<div class="menuitems" url="URL" target="_self">- Nombre</div>
<div class="menuitems" url="URL" target="_self">- Nombre</div>
<hr>
<div class="menuitems" url="URL" target="_self">- Nombre</div>
<div class="menuitems" url="URL" target="_self">- Nombre</div>
<hr>
<div class="menuitems" url="URL" target="_self">- Nombre</div>
<div class="menuitems" url="URL" target="_self">- Nombre</div>
<div class="menuitems" url="URL" target="_self">- Nombre</div>
</div>
<![endif]-->
<script language="JavaScript1.2">
if (document.all&&window.print){
if (menuskin==0)
ie5menu.className="skin0"
else
ie5menu.className="skin1"
document.oncontextmenu=showmenuie5
document.body.onclick=hidemenuie5
}
</script>


SaludOs!
______________
Busca en el buscador interno

Edita tu post
No hagas doble post



Ultima edición por redanuncios el Vie Ene 30, 2009 12:02 pm; editado 5 veces
Mensaje14-01-2009, 00:36 (UTC)    
Título del mensaje:

Yo ya use ese code la desventaja es que

Solo funciona para IE
______________
Team-Soporte.
Moderador de PaginaWebGratis.es

www.team-soporte.es.tl | @jeremymolina
Mensaje30-01-2009, 16:01 (UTC)    
Título del mensaje:

skys-design escribió:
NO FUNCIONA CON FIREFOX


ola este menu es un menu muy curioso que al tocar el botom derecho te sale un menu xd no se si estaba antes si estaba perdon xd



encima de la pagina
Cita:
<!-- Mas javascripts en http://www.creatupropiaweb.com -->
<style>
<!--
.skin0 {
position:absolute;
text-align:left;
width:200px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.skin1 {
cursor:default;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
width:120px;
background-color:menu;
visibility:hidden;
border:2px outset buttonhighlight;; font-style:normal; font-variant:normal; font-weight:normal
}
.menuitems {
padding-left:15px;
padding-right:10px;
}
-->
</style>

<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Web Site: http://www.dynamicdrive.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var menuskin = "skin1"; // skin0, or skin1
var display_url = 0; // Show URLs in status bar?
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
function highlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "highlight";
event.srcElement.style.color = "white";
if (display_url)
window.status = event.srcElement.url;
}
}
function lowlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "";
event.srcElement.style.color = "black";
window.status = "";
}
}
function jumptoie5() {
if (event.srcElement.className == "menuitems") {
if (event.srcElement.getAttribute("target") != null)
window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
}
}
// End -->
</script>



debajo de la pagina
Cita:
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();">
<div class="menuitems" url="http://www.creatupropiaweb.com">Creatupropiaweb</div>
<div class="menuitems" url="http://www.creatupropiaweb.com">Otra vez a creatupropiaweb</div>
<hr>
<div class="menuitems" url="http://www.creatupropiaweb.com">y otra a creatupropiaweb</div>
<div class="menuitems" url="http://www.creatupropiaweb.com">pues otra vez</div>
<hr>
<div class="menuitems" url="http://www.creatupropiaweb.com">te lo imaginas</div>
<div class="menuitems" url="http://www.creatupropiaweb.com">Para que cambiar</div>
</div>
<script language="JavaScript1.2">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>


no puse una vista previa pra que lo pegaran bien sin ninguna incomodidad el codigo

alfasite escribió:
aqui un captura:



saludos
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group