Código Fonte - O melhor conteúdo para programadores

Este código tem nota

Autor

Compartilhe e guarde

Enquete

Qual é o melhor portal da internet brasileira?

Home Código Fonte JavaScript - DHTML Diversos

Personalizar Menu Botão Direito do mouse

Este código permite ao programador personalizar o menu que é apresentado ao clicar no botão direito do mouse e ao invés das opções do navegador apresentar opções referentes ao conteúdo do site.
Este menu pode ser fácilmente personalizado utilizando HTML, CSS e JavaScript.

<body>
<head>


  <center> <input type="button" value="Ver c&oacute;digo fonte" onClick='window.location = "view-source:" + window.location.href' name="button">
 </center>

<!-começa aqui->
<STYLE>#ie5menu {
	BACKGROUND-COLOR: #1e90ff; BORDER-BOTTOM: #000000 0px solid; BORDER-LEFT: #000000 0px solid; BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 7.8pt; FONT-WEIGHT:bold; COLOR: #FFFFFF; LINE-HEIGHT: 13px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 114px
}
.menuitems {
	PADDING-LEFT: 15px; PADDING-RIGHT: 15px
}
</STYLE>

<SCRIPT language=JavaScript1.2>
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=""

// cor ao passar o mouse

event.srcElement.style.color="#000000"
if (display_url==1)
window.status=event.srcElement.url
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="#FFFFFF"
window.status=''
}
}
function jumptoie5(){
if (event.srcElement.className=="menuitems")
window.location=event.srcElement.url
}
</SCRIPT>
</head>

    
<div id=ie5menu onClick=jumptoie5() onMouseOut=lowlightie5() 
onMouseOver=highlightie5()> 
      
<div> <font align=center>&nbsp;&nbsp;&nbsp;&nbsp;Fabio Poletto</font></div>
      
<hr color=#f8f8f8 width="99%" size="1">
      
<div class=menuitems style="CURSOR: hand" 
url="sua página" align="left">sua página</div>

<div class=menuitems style="CURSOR: hand" 
url="sua página" align="left">sua página</div>

<div class=menuitems style="CURSOR: hand" 
url="sua página" align="left">sua página</div>

<div class=menuitems style="CURSOR: hand" 
url="sua página" align="left">sua página</div>

<div class=menuitems style="CURSOR: hand" 
url="sua página" align="left">sua página</div>

<hr color=#f8f8f8 width="90%" size="1">
      <center>
&nbsp;&nbsp;Fabio Poletto
      </center>
    </div>
    <script language=JavaScript1.2>
document.oncontextmenu=showmenuie5
if (document.all&&window.print)
document.body.onclick=hidemenuie5
</script>

    <script>

function abremenu(x){
	if (IE) {
	document.all.divinfos[x-1].style.visibility="hidden";
	document.all.divinfos[x-1].style.display='';
	document.all.divinfos[x-1].style.filter="blendTrans(duration=.5)";
	document.all.divinfos[x-1].filters.blendTrans.Apply();
	document.all.divinfos[x-1].style.visibility="visible";
	document.all.divinfos[x-1].filters.blendTrans.Play();
	}
}

function fechamenu(x){
	if (IE) {
	document.all.divinfos[x-1].style.visibility="hidden";
	document.all.divinfos[x-1].style.display='none';
	}
}

</script>

<!-começa aqui->
<STYLE>#ie5menu {
	BACKGROUND-COLOR: #1e90ff; BORDER-BOTTOM: #000000 0px solid; BORDER-LEFT: #000000 0px solid; BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 7.8pt; FONT-WEIGHT:bold; COLOR: #FFFFFF; LINE-HEIGHT: 13px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 114px
}
.menuitems {
	PADDING-LEFT: 15px; PADDING-RIGHT: 15px
}
</STYLE>

<SCRIPT language=JavaScript1.2>
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=""

// cor ao passar o mouse

event.srcElement.style.color="#000000"
if (display_url==1)
window.status=event.srcElement.url
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="#FFFFFF"
window.status=''
}
}
function jumptoie5(){
if (event.srcElement.className=="menuitems")
window.location=event.srcElement.url
}
</SCRIPT>
</head>

<div id=ie5menu onClick=jumptoie5() onMouseOut=lowlightie5() 
onMouseOver=highlightie5()> 
      
<div> <font align=center>&nbsp;&nbsp;&nbsp;&nbsp;Fabio Poletto</font></div>
      
<hr color=#f8f8f8 width="99%" size="1">
      
<div class=menuitems style="CURSOR: hand" 
url="sua página" align="left">sua página</div>

<div class=menuitems style="CURSOR: hand" 
url="sua página" align="left">sua página</div>

<hr color=#f8f8f8 width="90%" size="1">
      <center>
&nbsp;&nbsp;Fabio Poletto
      </center>
    </div>
    <script language=JavaScript1.2>
document.oncontextmenu=showmenuie5
if (document.all&&window.print)
document.body.onclick=hidemenuie5
</script>

function abremenu(x){
	if (IE) {
	document.all.divinfos[x-1].style.visibility="hidden";
	document.all.divinfos[x-1].style.display='';
	document.all.divinfos[x-1].style.filter="blendTrans(duration=.5)";
	document.all.divinfos[x-1].filters.blendTrans.Apply();
	document.all.divinfos[x-1].style.visibility="visible";
	document.all.divinfos[x-1].filters.blendTrans.Play();
	}
}

function fechamenu(x){
	if (IE) {
	document.all.divinfos[x-1].style.visibility="hidden";
	document.all.divinfos[x-1].style.display='none';
	}
}

</script>

Este código foi útil para você?

Nota	Comentário
8	denunciar danyell comentou em 23/11/2009 gostei será bem útil para mim!
10	denunciar soartes comentou em 6/10/2009 Deutilt - Aprenda usar!!! Deutilt aprenda a usar um código depois disso você pode postar que o código é ruim... E outra isso não é troço e sim um código! Caso não saiba usar visite o fórum do Código Fonte através desse link: http://forum.codigofonte.com.br/ e aprenda usá-lo...
8	denunciar david88 comentou em 6/10/2009 Muito bom; tem como em XML? É exatamente isto que estou querendo. Mas, conforme o meu documento está formatado na linguagem XML, isto não funciona. Tem alguma maneira de converter isto para XML?
1	denunciar deutilt comentou em 14/9/2009 fi é muit ruim os links desse troço no meu site dao erro, e eu verifiquei

Regras:
Os comentários seguem as seguintes regras:

Todos os comentários são enviados por membros cadastrados no site.
A pontuação de comentários de conteúdo do próprio membro não serão computados.
Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
Há um limite de 10 comentários por dia para cada membro.
Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

Autenticação:	Apelido: Senha: (ainda não tem cadastro? clique aqui!)

Título:	Máximo de 30 caracteres
Comentário:	Máximo de 255 caracteres
Avaliação:

Equipe | Tabela de Pontos e Estrelas | Política de Privacidade | Mapa do Site | Fale Conosco

Autor

Fabio Poletto

Tags

HTML

JavaScript

Compartilhe e guarde

Enquete

Qual é o melhor portal da internet brasileira?

Personalizar Menu Botão Direito do mouse

gostei

Deutilt - Aprenda usar!!!

Muito bom; tem como em XML?

fi é muit ruim

Comente