Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Javascript: window.open siirtää pääikkunan alkuun

Tepi_78 [03.02.2012 11:32:48]

#

Avaan javascriptillä listalta tietoja uuteen ikkunaan seuraavasti:

<a href=\"#\" onclick=\"window.open('jokuSivu.php')>........</a>;

Ikkunoiden avaamisessa on ongelmana, että pääikkuna hypähtää aina alkuun, eli lista rullautuu pois kohdasta, jossa klikattu linkki sijaitsee.

Löysin ohjeen, että hypähtämisen voi estää kirjoittamalla window.openin perään return false:

<a href=\"#\" onclick=\"window.open('jokuSivu.php');return false;>..........</a>

Tällöin ongelmaksi tulee se, että pääikkunassa klikatut linkit eivät muutu vierailluiksi, eli vaihda väriä.

Miten uuden ikkunan avaaminen javascriptillä pitäisi oikeaoppisesti tehdä, jotta pääikkuna pysyisi paikallaan, ja sen linkit muuttuisivat vierailluiksi?

Macro [03.02.2012 13:34:13]

#

Kokeile jotain tyyliin

<a href="javascript:window.open('jokusivu.php')">...</a>

Tepi_78 [03.02.2012 13:57:59]

#

Ei toimi tuolla.

<a href="javascript: void(0)" onclick="window.open...

toimii muuten, mutta klikatut linkit eivät värjäydy.

Homma siis ratkaisematta edelleenkin...

Tepi_78 [03.02.2012 14:24:52]

#

<a href="jokuSivu" onclick="window.open(this); return false;">...</a>

näyttäisi toimivan.

Jee!

Tepi_78 [10.02.2012 10:10:44]

#

Tepi_78 kirjoitti:

<a href="jokuSivu" onclick="window.open(this); return false;">...</a>

näyttäisi toimivan.

Jee!

Tähän vielä pienoinen ongelma: Homma toimii hienosti kaikilla muilla selaimilla, paitsi ei IE:llä. IE ei värjää vierailtuja linkkejä ennen kuin sivun lataa uudelleen. Firefox, Opera, Chrome ja Safari värjäävät.

Mikään em. selaimista ei kuitenkaan enää vieritä sivua.

Tepi_78 [10.02.2012 13:48:56]

#

Ja itse itselleni jälleen vastaten: Ongelman korjaa

<script type="text/javascript">
 function popup(target) {
 window.open('', target, "width=500");
 }

<a href="http://www.linkki.com/" target="_jotainVaan" onclick="popup(this.target);">Linkki</a>

Macro [10.02.2012 13:57:01]

#

Ehkä ilman Javascriptiä linkki voisi näyttää tältä.

<a href="http://linkki.fi" target="_blank">Linkki</a>

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta