Steuer-Link-Einstellungen mit Radio-Button-Steuerelemente und jquery

Question

Für alle Links mit einer bestimmten CSS-Klasse, würde ich gerne steuern, ob die Links im gleichen Fenster, ein neues Fenster oder ein Pop-up (mit onclick) basiert auf die Auswahl des Benutzers aus einer Gruppe von Radio-Schaltflächen - und speichern Sie diese Wahl in einem Cookie (alle mit jQuery). Wer weiß, wie man das erreicht?

Answer 1

Dies ist wahrscheinlich, wie ich es tun würde ... (Sie erhalten die jQuery cookie plugin benötigen):

<script language="javascript"> 
$(function() { 
    if($.cookie('link_pref')) { 
    var link_pref = $.cookie('link_pref'); 
     $('#link_options_form :radio[value="'+ link_pref+'"]') 
     .attr('checked','checked'); 
    } 
    $.cookie('link_pref',$('#link_options_form :radio:checked').val(), {expires: 0}); 
    $('#link_options_form :radio').unbind('click').bind('click',function() { 
     $.cookie('link_pref', $(this).val(), {expires: 0}); 
    }); 
    $('a').unbind('click').bind('click',function() { 
     var link_pref = $.cookie('link_pref'); 
     var href = $(this).attr('href'); 
     var link_txt = $(this).text(); 
     switch(link_pref) { 
      case 'new': 
       $(this).attr('target','_blank'); 
       return true; 
      case 'pop': 
       window.open(href,link_txt,'width=640,height=480,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes,resizable=yes'); 
       return false; 
      case 'greybox': 
       // Other options found here: 
       // http://orangoo.com/labs/greybox/advance_usage.html 
       GB_show(link_txt, href); 
       return false; 
      default: 
       $(this).attr('target','_self'); 
       return true; 
     } 
    }); 
}); 
</script> 

<form id="link_options_form"> 
    <label><input type="radio" name="link_options" value="same" /> Open in Same Window</label> 
    <label><input type="radio" name="link_options" value="new" /> Open in New Window</label> 
    <label><input type="radio" name="link_options" value="pop" /> Open in Pop-Up Window</label> 
    <label><input type="radio" name="link_options" value="greybox" /> Open in Greybox</label> 
</form> 

Edit: Sorry, dass ich es nicht zuerst testen haben. Ich hatte ein paar Tippfehler drin und ich habe vergessen, den Cookie zu setzen, um damit zu beginnen (Entschuldigung). Ich habe es getestet und es funktioniert jetzt mit Ihrem HTML. Verwende den neu editierten Code oben. ;-)

Bearbeiten 2: Ich habe einen direkten Link zum Cookie-Plugin hinzugefügt, nur für den Fall, dass Sie aus irgendeinem Grund nicht die richtige verwenden.

Edit 3: Persönlich würde ich nicht den Radio-Button wie in Javascript aktiviert ... Sie können auf den gleichen Cookie in Ihrer serverseitigen Sprache, glaube ich, zugreifen. Aber ich habe einen Weg vorgesehen, der in meinem neu bearbeiteten Code funktionieren sollte.

Bearbeiten 4: Die Anfangseinstellung des Fehlers der aktivierten Radioknöpfe wurde korrigiert. Es sollte wirklich wirklich dieses Mal funktionieren. Wirklich. o_0