[Javascript/jQuery] window.open

[Verwijderd]

Hey iedereen,

Ik heb een stukje code en wil dit wat aanpassen. Dit dient om een <a> aan te spreken vanuit een <td> en die <td> te gebruiken als link.

JavaScript:

    $('#voorbeeld').css('cursor', 'pointer').click(function() {
    window.open($('a', this).attr('href'));
    return false;
        }).hover(function() {
    $(this).addClass('hover');
    }, function() {
        $(this).removeClass('hover');
    }); 

De html structuur is simpel gesteld zo:

HTML:

  <table>
    <tr>
      <td id="voorbeeld">
        <a href="example/1234">
          <img src="foo.jpg">
        </a>
      </td>
    </tr>
  </table>

Nu werkt dit perfect (linkt naar de juiste pagina, voegt css class 'hover' toe en css 'cursor' en 'pointer') maar in dit geval opent dit de link in een nieuw venster. Ik zou graag die link in hetzelfde venster openen. Ik dacht dat ik daarvoor .open door .location moest vervangen, maar blijkbaar werkt dat niet. Heeft er iemand een idee?

Ik hoop dat ik het goed genoeg uitgelegd heb. Ben geen krak in problemen uitleggen, maar stel gerust vragen. Alvast hartelijk dank!

Cheers,
Danny

[krvabo]

Waarom hang je een 'click' event op een link welke een window opent, als je wil dat het element zich gewoon als een link gedraagd?

Alhoewel ik jQuery niet voldoende ken durf ik ook nog wel te zeggen dat het niet slim is om een onclick te gebruiken. Je kunt immers ook gebruik maken van de tab-toets om naar een element te gaan en deze te volgen.

Je antwoord op je vraag staat in het eerste deel van mijn reply. Het simpel weghalen van de .click (tot .hover) zou moeten werken. Maargoed, ik ken jQuery niet, dus ik zou niet weten of de functie dan nog werkt.

[Bosmonster]

ipv window.open gebruiken location.href = url

@krvabo, de link is in dit geval ook nog steeds gewoon bruikbaar, hij breid het klikbare gebied echter uit naar de volledige TD. Dat is juist de mooiste unobtrusive oplossing

[krvabo]

Bosmonster schreef op donderdag 16 juli 2009 @ 10:43:
ipv window.open gebruiken location.href = url

@krvabo, de link is in dit geval ook nog steeds gewoon bruikbaar, hij breid het klikbare gebied echter uit naar de volledige TD. Dat is juist de mooiste unobtrusive oplossing

Ahja, nu je het zegt, dat had ik even gemist.
Ik schrijf dat soort code ook altijd gewoon zelf ipv frameworks als jQuery te gebruiken..
Mijn excuses aan de ts

[Verwijderd]

Hartelijk dank beide..

Op deze manier werkt het:

JavaScript:

    $('#voorbeeld').css('cursor', 'pointer').click(function() {
    location.href=($('a', this).attr('href'));
    return false;
        }).hover(function() {
    $(this).addClass('hover');
    }, function() {
        $(this).removeClass('hover');
    });

[Michali]

location is overigens een property van document. Het was dus window.document.location, maar je kunt hem gewoon direct aanspreken. href is trouwens de default property van location, dus die kun je ook weglaten.