• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] In Tab öffnen

X

xmaggo

Neues Mitglied
Wie kann ich dieses Script umschreiben dass sich der ausgewählte Link nicht im gleichen Tab sondern in einem neuen Tab öffnet?

<script>
document.getElementById("foo").onchange = function() {
if (this.selectedIndex!==0) {
window.location.href = this.value;
}
};
</script>
 
Du könntest es mit window.open() versuchen, wobei das in einigen Browsern unterdrückt wird. Ansonsten google mal nach window.location.href target _blanc
 
Also ich möchte halt wenn man z.B. die 5. Jahrgangsstufe auswählt, dass dann der Link in einem neuen Tab geöffnet wird (wie target="_blank"):

<h1>Biologie / NuT</h1>
<br />
<div style="border: 1px solid rgb(102, 102, 102); padding: 1em; text-align: justify;">
<center>Lehrpläne:
<select id="Biologie / NuT">
<option>Bitte Jahrgangsstufe wählen!</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26334">5. Jahrgangsstufe (NuT)</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26433">6. Jahrgangsstufe (NuT)</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26436">7. Jahrgangsstufe (NuT)</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26281">8. Jahrgangsstufe</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26259">9. Jahrgangsstufe</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26227">10. Jahrgangsstufe</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26196">11./12. Jahrgangsstufe</option>
</select> | <a href="[wblink706]">Grundwissen</a></center>
</div>
<br /><br />
<div style="float: right;">
<img src="/media/Bio%20NuT/Atemvolumengif.gif" width="270" />
</div>
<script>
document.getElementById('Biologie / NuT').onchange = function() {
if (this.selectedIndex!==0) {
window.location.href = this.value;
}
};
</script>
 
xmaggo schrieb:
Also ich möchte halt wenn man z.B. die 5. Jahrgangsstufe auswählt, dass dann der Link in einem neuen Tab geöffnet wird (wie target="_blank"):

<h1>Biologie / NuT</h1>
<br />
<div style="border: 1px solid rgb(102, 102, 102); padding: 1em; text-align: justify;">
<center>Lehrpläne:
<select id="Biologie / NuT">
<option>Bitte Jahrgangsstufe wählen!</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26334">5. Jahrgangsstufe (NuT)</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26433">6. Jahrgangsstufe (NuT)</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26436">7. Jahrgangsstufe (NuT)</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26281">8. Jahrgangsstufe</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26259">9. Jahrgangsstufe</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26227">10. Jahrgangsstufe</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26196">11./12. Jahrgangsstufe</option>
</select> | <a href="[wblink706]">Grundwissen</a></center>
</div>
<br /><br />
<div style="float: right;">
<img src="/media/Bio%20NuT/Atemvolumengif.gif" width="270" />
</div>
<script>
document.getElementById('Biologie / NuT').onchange = function() {
if (this.selectedIndex!==0) {
window.location.href = this.value;
}
};
</script>
Zum Vergrößern anklicken....

Das sollte eigentlich gehen:

Code: 
<script>
    document.getElementById('Biologie / NuT').onchange = function() {
        if (this.selectedIndex!==0) {
            window.open(this.value);
        }      
    };
</script>

Ob es in einem Tab oder neuem Fenster geöffnet wird, kannst du natürlich nicht beeinflussen.
 
Haben will er gar nichts.

Du hast bei der Aufgabe zwei Probleme: a) die Popup-Blocker der Browser, und b) kannst du schwer beeinflussen, ob sich die Seite tatsächlich in einem neuen Tab oder aber in einem neuen Window öffnet. Um so etwas wie target: _blanc zu erzielen, erwartet der Browser eine User-Interaktion in Form eines Clicks auf einen Hyperlink. Diese Interaktion lässt sich u.U. allerdings auch per JS simulieren. Schau mal hier, vielleicht findest du ja etwas:

http://stackoverflow.com/questions/4907843/open-a-url-in-a-new-tab-using-javascript
 
Gelöst:

<h1>Biologie / NuT</h1>
<br />
<div style="border: 1px solid rgb(102, 102, 102); padding: 1em; text-align: justify;">
<form name="form" action="">
<center>Lehrpläne:
<select name="select">
<option>Bitte Jahrgangsstufe wählen!</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26334">5. Jahrgangsstufe (NuT)</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26433">6. Jahrgangsstufe (NuT)</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26436">7. Jahrgangsstufe (NuT)</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26281">8. Jahrgangsstufe</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26259">9. Jahrgangsstufe</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26227">10. Jahrgangsstufe</option>
<option value="http://www.isb-gym8-lehrplan.de/contentserv/3.1.neu/g8.de/index.php?StoryID=26196">11./12. Jahrgangsstufe</option>
</select>
<input type='submit' value='&#8594;'>
| <a href="[wblink706]">Grundwissen</a></center>
</div>
</form>
<br /><br />
<div style="float: right;">
<img src="/media/Bio%20NuT/Atemvolumengif.gif" width="270" />
</div>
<script type="text/javascript">
document.form.onsubmit = function() {
window.open(this.select.options[this.select.selectedIndex].value);
return false;
};
</script>





Trotzdem danke ab alle :)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben