« »

Personnaliser le menu dÃ©roulant est conÃ§u pour afficher des choix, en tant que: langue, pays, thÃ¨mes, ... mais il est differrent de version originale dans les navigateurs. Cet outil combine CSS et JavaScript pour crÃ©er un menu dÃ©roulant, vous pouvez ajouter une image Ã tilte, tous les choix.

Version 2: vÃ©rifier si Javascript est dÃ©sactivÃ©, puis ajoutez la normale menu dÃ©roulant

Essayons dÃ©roulant ci-dessous et sentir les diffÃ©rences.
TestÃ©: IE 7, Opera 9, Firefox 2, Netscape 8.

Étiquette: Customize Dropdown Menu 2

Rapport de nous cette erreur JavaScript

Demo
Agrandir
Recharger
New window

Gratuit iPage hébergement Web pour la première année MOMENT

Si vous êtes toujours à la recherche d'un fournisseur d'hébergement Web fiable avec des tarifs abordables, pourquoi vous ne prenez pas un peu de temps pour essayer iPage, seulement avec $1.89/month, inclus $500+ Crédits supplémentaires gratuites pour le paiement de 24 mois ($45)?

Plus de 1.000.000 de clients + existisng peuvent pas avoir tort, vraiment vous n'êtes pas aussi! Plus important encore, lorsque vous enregistrez l'hébergement web à iPage grâce à notre lien, nous allons être heureux de renvoyer un plein remboursement. C'est génial! Vous devriez essayer iPage hébergement web GRATUITEMENT maintenant! Et contactez-nous pour tout ce que vous devez savoir sur iPage. Essayez iPage GRATUIT première année MOMENT

Code
CSS
JavaScript
HTML
Imprimer

Copy All x2

<style type=text/css>
/*
	Customize Dropdown Menu 2.0
	Author: ThÃ¡i Cao Phong
	Website: www.JavaScriptBank.com
	Please keep these comments above to contact author when you use this script. Thank you very much.
	Vietnamese: Xin ban hay giu lai nhung thong tin tren de nguoi khac co the lien he voi tac gia neu ban co 
su dung doan ma nay. Cam on ban rat nhieu.
*/
img
{
	vertical-align: middle;
}
.title_dropdown
{
	padding: 1px;
	background: url(dropdown_arrow.jpg) no-repeat right;
	width: 15px;
	vertical-align: middle;
	border: 1px solid silver;
	width: 180px;
	height: 17px;
	font: 12px verdana bold;
	text-align: left;
	cursor: hand;
}
.content_dropdown
{
	position: relative;
	vertical-align: middle;
	border: 1px solid black;
	width: 180px;
}
.content_dropdown a
{
	text-decoration: none;
	color: black;
}
.content_dropdown p.off
{
	margin: 0px;
	color: black;
	padding: 3px;
	padding-left: 10px;
	cursor: hand;
	text-align: left;
}
.content_dropdown p.on
{
	background-color: #000077;
	color: white;
	margin: 0px;
	padding: 3px;
	padding-left: 10px;
	cursor: hand;
	text-align: left;
}
.content_dropdown img
{
	width: 30px;
	height: 20px;
	border: none;
	margin-right: 5px;
}
</style>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<script language=javascript>
/*
		
		    xxxxxxxxxxxxxxx   xxxxxxxxxxx     xxxx
		    xxxxxxxxxxxxxxx  xxxxxxxxxxxxx    xxxx
		    xxxxxxxxxxxxxxx  xxxxxxxxxxxxx    xxxx
		         xxxxx       xxxxxxxxxxxx     xxxx
		         xxxxx       xxxxx			  xxxx
		         xxxxx		 xxxxxxxxxxxx	  xxxx
		         xxxxx		 xxxxxxxxxxxxx	  xxxxxxxxxxx			www.JavaScriptBank.com
		         xxxxx		  xxxxxxxxxxxx	  xxxxxxxxxxxxx
		         xxxxx       		 xxxxx	  xxxx     xxxx
		   xxx   xxxxx		  xxxxxxxxxxxx    xxxx     xxxx
		   xxx  xxxxxx		 xxxxxxxxxxxxx	  xxxx     xxxx
		   xxxxxxxxxx		 xxxxxxxxxxxxx	  xxxxxxxxxxxxx
		    xxxxxxxx		  xxxxxxxxxxx      xxxxxxxxxxx

	Customize Dropdown Menu 2.0
	Author: ThÃ¡i Cao Phong
	Website: www.JavaScriptBank.com
	Please keep these comments above to contact author when you use this script. Thank you very much.
	Vietnamese: Xin ban hay giu lai nhung thong tin tren de nguoi khac co the lien he voi tac gia neu ban co 
su dung doan ma nay. Cam on ban rat nhieu.
*/
var ie = navigator.appName=='Microsoft Internet Explorer'?true:false;
function toggle_dropdown(id)
{
	var div = document.getElementById(id);
	if(div.style.display == 'none')
		div.style.display = 'block';
	else
		div.style.display = 'none';
}
function getObject(evt)
{
	var srcElem;
	if(ie)
	{
		srcElem = event.srcElement;
	}
	else
	{
		srcElem = evt.target;
	}
	return srcElem;
}
function go_any_page()
{
	alert('This is example');
}
function changeStyle(pTag)
{
	pTag.className = (pTag.className == 'off' ? 'on' : 'off');
}
function dropdown_on(evt)
{
	var pTag = getObject(evt);
	if(pTag.tagName == 'P' && pTag.parentNode.id == 'language_dropdown')
		changeStyle(pTag);
}
function dropdown_off(evt)
{
	var pTag = getObject(evt);
	if(pTag.tagName == 'P' && pTag.parentNode.id == 'language_dropdown')
		changeStyle(pTag);
}
function click(evt)
{
	var pTag = getObject(evt);
	if(!document.getElementById('language_dropdown'))
		return;
	if(pTag.tagName == 'DIV' && pTag.className == 'title_dropdown')
		toggle_dropdown('language_dropdown');
	else if(document.getElementById('language_dropdown').style.display == 'block')
		toggle_dropdown('language_dropdown');
}
document.onmouseover = dropdown_on;
document.onmouseout = dropdown_off;
document.onclick = click;
</script>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
// Custom Select (22-August-2007) DRAFT
// by Vic Phillips - http://www.vicsjavascripts.org.uk

function zxcInitSel(zxcid){
 var zxcsel=document.getElementById(zxcid);
 var zxcflag=zxcES('IMG',{position:'absolute'});
 zxcflag.src=zxcsel.options[0].title;
 var zxccur=(document.all)?'hand':'pointer';
 var zxccsel=zxcES('DIV',{position:'relative',width:zxcsel.offsetWidth+zxcflag.width+'px',height:zxcsel.offsetHeight+'px',border:'solid black 1px',cursor:zxccur});
 zxcsel.parentNode.replaceChild(zxccsel,zxcsel);
 zxcES(zxcflag,{left:'2px',top:(zxccsel.offsetHeight-zxcflag.height)/2+'px'},zxccsel);
 zxcES('DIV',{position:'relative',left:(zxcflag.width+2)+'px'},zxccsel,zxcsel.options[0].text);
 var zxcdrop=zxcES('IMG',{position:'absolute'},zxccsel);
 zxcdrop.src=zxcsel.title;
 zxcES(zxcdrop,{left:(zxccsel.offsetWidth-zxcdrop.width-2)+'px',top:(zxccsel.offsetHeight-zxcdrop.height)/2+'px'});
 zxcdrop=zxcES(zxccsel.cloneNode(false),{position:'absolute',visibility:'hidden',left:'-1px',top:zxccsel.offsetHeight+'px'},zxccsel);
 for (var zxc0=1;zxc0<zxcsel.options.length;zxc0++){
  zxcflag=zxcES('IMG',{position:'absolute'});
  zxcflag.src=zxcsel.options[zxc0].title;
  var zxccopt=zxcES('DIV',{position:'relative',left:'0px',width:'100%',height:zxcflag.height+4+'px',backgroundColor:'#ffffff',cursor:zxccur},zxcdrop);
  zxcES(zxcflag,{left:'2px',top:'2px'},zxccopt);
  zxcES('DIV',{position:'absolute',left:(zxcflag.width+6)+'px',top:'2px'},zxccopt,zxcsel.options[zxc0].text);
  zxccopt.onmouseover=function(){ zxcES(this,{backgroundColor:'#66CCFF'}); }
  zxccopt.onmouseout=function(){ zxcES(this,{backgroundColor:'#ffffff'}); }
  zxccopt.onclick=function(){ zxcChange(this); }
  zxccopt.data=[zxcsel.id,zxc0];
  zxccopt.value=zxcsel.options[zxc0].value;
 }
 zxcES(zxcdrop,{height:(zxccopt.offsetTop+zxccopt.offsetHeight)+'px'});
 zxccsel.onclick=function(event){ zxcOpenClose(event,zxcdrop); }
 zxcLst=zxccsel;
}

function zxcChange(zxcopt){
  alert('option value '+zxcopt.value); // Demonstration purposes
  if (zxcopt.value=='Brazil'){
  }
  if (zxcopt.value=='Japan'){
  }
  if (zxcopt.value=='USA'){
  }
  if (zxcopt.value=='Vietnam'){
  }
}

function zxcES(zxcele,zxcstyle,zxcp,zxctxt){
 if (typeof(zxcele)=='string'){ zxcele=document.createElement(zxcele); }
 for (key in zxcstyle){ zxcele.style[key]=zxcstyle[key]; }
 if (zxcp){ zxcp.appendChild(zxcele); }
 if (zxctxt){ zxcele.appendChild(document.createTextNode(zxctxt)); }
 return zxcele;
}

var zxcLst;

function zxcOpenClose(zxce,zxcobj){
 if (!zxce) var zxce=window.event;
 zxce.cancelBubble=true;
 if (zxcobj){
  zxcLst=zxcobj;
  zxcES(zxcLst,{visibility:'visible'});
 }
 else if (zxcLst) zxcES(zxcLst,{visibility:'hidden'});
}

document.onclick=function(event){ zxcOpenClose(event); }

/*]]>*/
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<body onload="zxcInitSel('tst');">
<select title=http://www.javascriptbank.com/javascript/form/Customize_Dropdown_Menu/dropdown_arrow.jpg id="tst">

		<option value="Title" title="http://www.javascriptbank.com/javascript/form/Customize_Dropdown_Menu/flag.png" >Choose your country</option>
		<option value="Brizil" title="brazil.gif" >Brazil</option>
		<option value="Japan" title="japan.gif" >Japan</option>
		<option value="USA" title="usa.gif" >USA</option>
		<option value="Vietnam" title="vietnam.gif" >Vietnam</option>
	</select>
</body>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Commentaire (0)
Écrire

par Avant-première

Annuler réponse

Écrivez votre commentaire

Commentaires du client sera publié avant previwed
Donnez votre email réel pour obtenir des réponses notification ou commentaire sera supprimé

Votre nom *
Votre e-mail^g *
~~Votre site~~

Comment's Titre

J'assure à 100% je suis humain réel
Je le répète, je ne suis pas bot

Sent (1)
Nouveau

BBCode
HTML
URL
JID

iPhoneKer.com
Save up to 630$ when buy new iPhone 15

GateIO.gomymobi.com
Free Airdrops to Claim, Share Up to $150,000 per Project

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz.com, chatGPT4.win, chatGPT2.fun, re-chatGPT.com
Talk to ChatGPT by your mother language

Dall-E-OpenAI.com
Generate creative images automatically with AI

AIVideo-App.com
Render creative video automatically with AI

Cool Domains for Sale!

javascriptbank.com javascripton.com gomy.mobi gomymobi.com YeuNu.com system.money CoinHolo.com war.money ZWVQ.com CreditCard.rip eChainBank.com ABP3.com XMQV.com CTRCoin.com ChainTutor.com index.services Card.rip CryptoKD.com ApexBTC.com choose.exchange pornID.net this.bid choose.works ChatTotal.com

Déposer jours:
Auteur:
Previews:
Commentaire:
Votes:
Sent:
Taille:
Rang:

30/10/2007
Vic Phillips [more]
6,099
0
10
1
16.6 KBytes

JavaScript Customize Dropdown Menu 2 - JID: 2074 - Langue: Française

3.9/5 10 votes / 6,099 previews / 0 commentaire 30/10/2007 Personnaliser le menu dÃ©roulant est conÃ§u pour afficher des choix, en tant que: langue, pays, thÃ¨mes, ... mais il est...JavaScript Customize Dropdown Menu 2 - JID: 2074 - Customize Dropdown Menu 2 - Langue: Française

enryku hoangphucthanh phamtuanbang blackant255 thanung phuclui anhbam2007 khanhnghia caothangkt qpmzmt