Dropdown box > Button = Open gekozen link

Status
Niet open voor verdere reacties.
J

JU571C3

Nieuwe gebruiker
Lid geworden
31 okt 2015
Berichten
3
Hallo allemaal!

Ik zal me even opnieuw voorstellen.
Ik ben Timo Bruins, ooit actief geweest op dit forum onder de naam 'brownmouse'
Helaas ben ik daar alle gegevens van kwijt, wachtwoord en email adres.

Dus voor alle administratoren hier, ik weet niet of dit toegestaan is.
Maar helaas had ik niet echt een andere keuze.

Nou verder on-topic! :)

Ik ben met een website bezig, en wil eigenlijk een klein menutje hebben.
Waar men een Item selecteren in een dropdown menu, en vervolgens op Ga drukken of iets in die richting.

En dat er dan een pagina wordt geopend (nieuw venster).
Ik ben hier even naar aan't zoeken geweest, maar ik ben niks tegen gekomen.

Is hier misschien iemand die mij er verder mee zou kunnen helpen?

Met vriendelijke groeten
Timo Bruins
 
Laatst bewerkt:
Hoi,
Met deze:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Index</title>
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_jumpMenuGo(selName,targ,restore){ //v3.0
  var selObj = MM_findObj(selName); if (selObj) MM_jumpMenu(targ,selObj,restore);
}
//-->
</script>
</head>

<body>
<p>Index</p>
<form name="form1" id="form1">
  <select name="menu1" onchange="MM_jumpMenu('window.open()',this,0)">
    <option value="index.html">Home</option>
    <option value="Contact.html">Contact</option>
  </select>
  <input type="button" name="Button1" value="Go" onclick="MM_jumpMenuGo('menu1','parent',1)" />
</form>
<p>&nbsp; </p>
</body>
</html>
Greetz
 
Hoi,
hier nog een vbtje zonder knop
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Index</title>
<script type="text/JavaScript">
<!--


function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>

<body>
<p>Index</p>
<form name="form1" id="form1">
  <select name="menu2" onchange="MM_jumpMenu('window.open()',this,0)">
    <option>Kies</option>
    <option value="index.html">Home</option>
    <option value="Contact.html">Contact</option>
  </select>
</form>
<p>&nbsp; </p>
</body>
</html>
Greetz
 
Sorry dat ik niet meteen reageerde, lag te slapen! :O

Heel mooi script, alleen deze opent een Pop Up.
Kan deze het ook gewoon in de zelfde pagina openen?

Aangezien ik over dat nieuwe venster van mening ben veranderd.
Want hij zou een TeamSpeak link moeten openen, en die hoeft niet als nieuw venster geopend te worden.

Gaat hierbij om deze twee linken.

1. ts3server://5.100.228.117:9987/
2. ts3server://5.100.228.117:9988/

Groetjes
 
Laatst bewerkt:
Hoi,

En dat er dan een pagina wordt geopend (nieuw venster).
Klik om te vergroten...
bij deze, in hetzelfde venster:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>

<body>
<form name="form1" id="form1">
  <select name="menu1" onchange="MM_jumpMenu('parent',this,1)">
    <option>Kies</option>
    <option value="ts3server://5.100.228.117:9987/">9987</option>
    <option value="ts3server://5.100.228.117:9988/">9988</option>
  </select>
</form>
</body>
</html>
greetz
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan