cazeMedlem sedan sep. 20016 059 inlägg <select>
<option value="film">Film</option>
<option value="Musik">Musik</option>
<option value="Internet">Internet</option>
<option value="Program">Program</option>
<option value="Utbildning">Utbildning</option>
<option value="Sport/Idrott">Sport/Idrott</option>
<option value="Webbdesign">Webbdesign</option>
<option value="Övrigt" selected>Övrigt</option>
</select>
Hur ändrar jag detta så att när man väljer t ex Film så ska man skickas till en sida via Target=, så sidan laddas i en annan iframe...?
Tack på förhand...
mikkeXMedlem sedan aug. 2002477 inlägg Lite javascript i head:
<script type="text/javascript">
function gaTillSida(object) {
if (document.val.minMeny.selectedIndex == 0)
/*om första alternativet väljs skickas inte användaren vidare*/
{
document.val.minMeny.focus();
/*observera att form har namn val och select har namn minMeny*/
return (false);
}
else
{
window.frames['iFrame'].location.href = object.options[object.selectedIndex].value;
}
}
</script>
(detta skript är anpassat till att det finns en första rad som heter Meny som bara är en text - och därför ska man inte komma någonstans)
<form name="val" method="post" action="film.htm">
<select name="minMeny" onchange="gaTillSida(this.form.minMeny)">
<option value="meny">m e n y</option>
<option value="film.htm">film</option>
<option value="musik.htm">musik</option>
<option value="internet.htm">internet</option>
</select>
</form>
Och iframen:
<iframe width="400" height="500" name="iFrame">
</iframe>
(iframens namn används från skriptet så att det vet var det ska göra av sidan)
cazeMedlem sedan sep. 20016 059 inlägg min webbläsare anser detta:
window.frames['iFrame'].location.href = object.options[object.selectedIndex].value; !!!Är null eller inte ett objekt!!!
Vad är felet?
mikkeXMedlem sedan aug. 2002477 inlägg ska stå på en rad:
window.frames['iFrame'].location.href = object.options[object.selectedIndex].value;
cazeMedlem sedan sep. 20016 059 inlägg Det står på en rad... Så her ser det ut:
{
window.frames['iFrame'].location.href = object.options[object.selectedIndex].value;
}
Felet ligger alltså inte där... :(
mikkeXMedlem sedan aug. 2002477 inlägg Hur ser din dropdown meny ut?
cazeMedlem sedan sep. 20016 059 inlägg <html>
<head>
<title>TESTING</title>
<script type="text/javascript">
function gaTillSida(object) {
if (document.val.minMeny.selectedIndex == 0)
/*om första alternativet väljs skickas inte användaren vidare*/
{
document.val.minMeny.focus();
/*observera att form har namn val och select har namn minMeny*/
return (false);
}
else
{
window.frames['iFrame'].location.href = object.options[object.selectedIndex].value;
}
}
</script>
<style type="text/css">
select
{
font-size: 10px;
font-family: Verdana
}
</style>
</head>
<body>
<form name="val" method="post" action="film.htm">
<select name="minMeny" onchange="gaTillSida(this.form.minMeny)">
<option value="meny">m e n y</option>
<option value="ego.html">film</option>
<option value="musik.htm">musik</option>
<option value="internet.htm">internet</option>
</select>
</form>
</body>
</html>
mikkeXMedlem sedan aug. 2002477 inlägg Läste om ditt första inlägg - du vill alltså att en ny sida ska laddas och i den så har du en iframe - inte på den sida som meny ligger på?
Så som skriptet är skrivet hoppar man inte till en ny sida utan sidan laddas i en iframe på sidan:
<?xml version="1.0" encoding="iso-8859-1"?>
<!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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
function gaTillSida(object) {
if (document.val.minMeny.selectedIndex == 0)
/*om första alternativet väljs skickas inte användaren vidare*/
{
document.val.minMeny.focus();
/*observera att form har namn val och select har namn minMeny*/
return (false);
}
else
{
window.frames['iFrame'].location.href = object.options[object.selectedIndex].value;
}
}
</script>
</head>
<body>
<form name="val" method="post" action="film.htm">
<select name="minMeny" onchange="gaTillSida(this.form.minMeny)">
<option value="meny">m e n y</option>
<option value="film.htm">film</option>
<option value="internet.htm">internet</option>
</select>
</form>
<iframe width="400" height="500" name="iFrame">
</iframe></body>
</html>
