Ik hoop dat iemand mij hiermee kan helpen. Mocht het meer tijd/moeite kosten om dit op te lossen, dan ben ik ook bereid daarvoor te betalen. Stuur me dan even een privéberichtje. Het probleem:
Op mijn site https://www.kortingkanon.nl/ zie je verschillende buttons met de tekst "BEKIJK CODE".
Als je daar op klikt, opent een nieuwe browser tab met de URL van de aanbieder, terwijl in de huidige tab een div zichtbaar wordt met daarin de kortingscode.
Dat werkt op zich prima, alleen vanuit de bezoeker lijkt me dit verwarrend, aangezien je eerst weer terug moet naar de initiële pagina om de code te achterhalen. Ik zou het eigenlijk andersom willen: dus dat bij het klikken op de button de gebruiker in de huidige tab blijft en daar de code te zien krijgt, terwijl in de achtergrond op een nieuwe tab de URL van de aanbieder opent.
Ik heb me er al wat in verdiept en volgens mij is het niet heel eenvoudig op te lossen, zonder dat de browser het als een ongewenste pop-up beschouwt en dit blokkeert.
Als ik kijk hoe bijvoorbeeld www.acties.nl of www.kortingscode.nl het doen, dan zie ik dat die eigenlijk het volgende trucje hanteren bij het klikken op de button:
1. De huidige tab navigeert naar de URL van de aanbieder;
2. Er opent een nieuwe tab, waar de inhoud van de initiële pagina (of een pagina die specifiek over die aanbieder gaat) getoond wordt incl. een popup met de kortingscode.
Eigenlijk zou ik ditzelfde willen voor mijn website. Iemand die raad weet?
Code:/*=============================SHOW CODE IN MODAL=========================================*/ $( '.show-code, .pack' ).click(function(e){ var $this = $(this); var parent = $this.parents('.featured-item'); if( parent.length == 0 ){ parent = $this.parents('.coupon-box'); } if( $this.attr('href') == "" || $this.attr('href') == "#" ){ e.preventDefault(); } var codeid = $this.data('codeid'); var code_el = parent.find('.show-code'); if( !code_el.hasClass('open') ){ $.ajax({ url: ajaxurl, data:{ action: 'ajax_code', codeid: codeid }, dataType: "JSON", method: "POST", success: function(response){ if( !response.error ){ $('.modal_image').attr( 'src', response.image ); $('.modal_title').html( response.title ); $('.modal_text').html( response.text ); $('.modal_code').html( response.code ); } $('#showCode').modal('show'); code_el.addClass( 'open' ); code_el.text( response.code ); code_el.removeClass('btn').addClass('code-replace').replaceWith( '<p class="'+code_el.attr('class')+'">'+code_el.html()+'</p>' ); }, error: function(){ }, complete: function(){ } }); } });
- Open nieuwe browser tab op achtergrond
-
28-04-2017, 11:43 #1Content2Value
- Berichten
- 10
- Lid sinds
- 10 Jaar
Open nieuwe browser tab op achtergrond
-
In de schijnwerper
-
28-04-2017, 15:31 #2Content2Value
- Berichten
- 10
- Lid sinds
- 10 Jaar
Re: Open nieuwe browser tab op achtergrond
Edit: geen hulp meer nodig. Ga het op een andere manier oplossen.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic