Jump to content

html5 'select dropDown menu, go to site stopped working ?

vmars316

By vmars316
in HTML/XHTML

 Share

Recommended Posts

vmars316 Member

vmars316

Posted
Posted

Hello & Thanks ,

I am having a prob with Years old html5 page  stopped working ?

html5 'select dropDown menu, go to site : 

I have been using this code with success for years , now no-go ?

I need help to figure it out , Thanks.  

<!DOCTYPE HTML>
<head>
<title>myFavs-starter.html</title>
<meta name="Generator" content="PureBasic">
<meta name="Description" content="...Created by  myFavs % PureBasic...">
<style type="text/css">
</style> 
</head>
<body text="#000000" style="background-color:rgb(90,105,125); text-align:center;">
<br> <br> <br>
<!--dd <div style=-->
<table width="100%" border="0" style="text-align:center" cellspacing="0" cellpadding="0">
<tr style="text-align:center"><td>
<!-- EXAMPLE: <form name="Arduino"> -->   <!-- rgb(250,240,255) -->
<select style="width:200px; font:14px Arial Black; color:rgb(0,0,0); background-color:rgb(211,221,235);" name="menu" onchange="window.open(this.value); window.location.reload();">
  <option selected="0" value="">aaMost-Used</option>
<option value="http://alternativeto.net/">AlternativeToSoftwares</option>
<option value="http://www.portablefreeware.com/">Portable Freeware</option>
<option value="www.hotmail.com/">hotmail.com</option>
<option value="http://jsdo.it/vmars316/8D5g/edit">jsdo.it javascript</option>
</select>
<select style="width:200px; font:14px Arial Black; color:rgb(0,0,0); background-color:rgb(211,221,235);" name="menu" onchange="window.open(this.value); window.location.reload();">
  <option selected="0" value="">Arduino</option>
<option value="http://garagelab.com/">arduino electronics robotics hacking</option>
<option value="http://www.makershed.com/category_s/211.htm">Arduino products/MakerShed</option>
<option value="http://diydrones.com/profiles/blogs/ardupilot-main-page">ArduPilot</option>
</select>
<select style="width:200px; font:14px Arial Black; color:rgb(0,0,0); background-color:rgb(211,221,235);" name="menu" onchange="window.open(this.value); window.location.reload();">
  <option selected="0" value="">Best_COLOR_Sites</option>
<option value="http://kuler.adobe.com/">Adobe colors schemes themes</option>
<option value="http://colorschemedesigner.com/">Best Color Tool Schemes</option>
<option value="http://www.makeuseof.com/dir/cloudcanvas-html5-image-editor/">CloudCanvas & other Editor Links</option>
<option value="http://jrm.cc/color-palette-generator/index.php?image=rec/girl-with-umbrella.jpg&steps=3&method=precise">Color Palette Generator(upload an image)</option>
<option value="http://www.asptemplate.net/Default.aspx">Color Schemes Palettes Codes Photos</option>
</select>
<select style="width:200px; font:14px Arial Black; color:rgb(0,0,0); background-color:rgb(211,221,235);" name="menu" onchange="window.open(this.value); window.location.reload();">
  <option selected="0" value="">Games-html-js</option>
<option value="http://FreeSound.org.">FreeSound.org</option>
<option value="https://github.com/dgsprb/quick/wiki/API#gameobject">github Quickjs Wiki API#gameobject</option>
<option value="http://liesandcowpies.com">lies and Ccowpies Games</option>
</select></td></tr></table><br></body></html>

 

dsonesuk w3schools Guru

dsonesuk

Posted
Posted

Might be pop-up blocker, preventing new window opening.

There is no such thing as selected="0"? It's either 'selected' on its own or 'selected="selected"'( both without single quotes).

vmars316 Member

vmars316

Posted
  • Author
Posted

Thanks 

I uninstalled popup-blocker and

tried  

<!DOCTYPE HTML>
<head>
<title>myFavs-starter.html</title>
<meta name="Generator" content="PureBasic">
<meta name="Description" content="...Created by  myFavs % PureBasic...">
<style type="text/css">
</style> 
</head>
<body text="#000000" style="background-color:rgb(90,105,125); text-align:center;">
<br> <br> <br>
<!--dd <div style=-->
<table width="100%" border="0" style="text-align:center" cellspacing="0" cellpadding="0">
<tr style="text-align:center"><td>
<!-- EXAMPLE: <form name="Arduino"> -->   <!-- rgb(250,240,255) -->
<select style="width:200px; font:14px Arial Black; color:rgb(0,0,0); background-color:rgb(211,221,235);" name="menu" onchange="window.open(this.value); window.location.reload();">
  <option selected value="">aaMost-Used</option>
<option value="http://alternativeto.net/">AlternativeToSoftwares</option>
<option value="http://www.portablefreeware.com/">Portable Freeware</option>
<option value="www.hotmail.com/">hotmail.com</option>
<option value="http://jsdo.it/vmars316/8D5g/edit">jsdo.it javascript</option>
</select>
<select style="width:200px; font:14px Arial Black; color:rgb(0,0,0); background-color:rgb(211,221,235);" name="menu" onchange="window.open(this.value); window.location.reload();">
  <option selected value="">Arduino</option>
<option value="http://garagelab.com/">arduino electronics robotics hacking</option>
<option value="http://www.makershed.com/category_s/211.htm">Arduino products/MakerShed</option>
<option value="http://diydrones.com/profiles/blogs/ardupilot-main-page">ArduPilot</option>
</select>
<select style="width:200px; font:14px Arial Black; color:rgb(0,0,0); background-color:rgb(211,221,235);" name="menu" onchange="window.open(this.value); window.location.reload();">
  <option selected="selected" value="">Best_COLOR_Sites</option>
<option value="http://kuler.adobe.com/">Adobe colors schemes themes</option>
<option value="http://colorschemedesigner.com/">Best Color Tool Schemes</option>
<option value="http://www.makeuseof.com/dir/cloudcanvas-html5-image-editor/">CloudCanvas & other Editor Links</option>
<option value="http://jrm.cc/color-palette-generator/index.php?image=rec/girl-with-umbrella.jpg&steps=3&method=precise">Color Palette Generator(upload an image)</option>
<option value="http://www.asptemplate.net/Default.aspx">Color Schemes Palettes Codes Photos</option>
</select>
<select style="width:200px; font:14px Arial Black; color:rgb(0,0,0); background-color:rgb(211,221,235);" name="menu" onchange="window.open(this.value); window.location.reload();">
  <option selected="selected" value="">Games-html-js</option>
<option value="http://FreeSound.org.">FreeSound.org</option>
<option value="https://github.com/dgsprb/quick/wiki/API#gameobject">github Quickjs Wiki API#gameobject</option>
<option value="http://liesandcowpies.com">lies and Ccowpies Games</option>
</select></td></tr></table><br></body></html>

Tried it in Chrome, Edge, and IE ,  still no-go ? 

I can't figure it out?

Thanks for your help... 

dsonesuk w3schools Guru

dsonesuk

Posted
Posted

It seems to work, although it loads a blank page if first option is selected because it's value is empty string, I would check for that before attempting to open it.

vmars316 Member

vmars316

Posted
  • Author
Posted

Aha you were right from the beginning .

I uninstalled my Chrome adBlocker but that didnt solve problem .

I didn't realize that Chrome has an internal blocker.

Turns out Chrome has under 'Advanced Settings' something called
'Content Settings' 
and under there is a settings called
'Pop-ups and redirects' 
once I reset that to 'Allowed' all is well .


Edge also has an 'Advanced Setting' called 'Block pops-ups' that needs to be turned off .

Likewise InternetExplorer has a check box under
'Internet Options' that needs to be UNchecked called 'Turn on Pop-up Blocker' .

Having changed , the page still doesn't work properly .

Must be something more needs to be tweaked .

 

Anyways , Thanks for your help !

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...