WN - "Visa rabattkod" knapp

WN (https://www.wn.se/forum/index.php)

- Serversidans teknologier (https://www.wn.se/forum/forumdisplay.php?f=4)

- - "Visa rabattkod" knapp (https://www.wn.se/forum/showthread.php?t=1061976)

Jesper Ribacka

2014-06-05 11:09

"Visa rabattkod" knapp

Hej,

Jag undrar hur man skapar en "visa rabattkod" knapp där besökaren är tvungen att klicka på knappen för att få se rabattkoden, och då klickar man även upp affiliatelänken samtidigt som rabattkoden visas på hemsidan. (exempel)

Just nu skriver jag bara ut rabattkoden på min sida så jag undrar om det är någon som vet hur man enklast gör detta? :)

Mvh

Tsarraz

2014-06-05 12:12

Med javascript.
Tryck visa källa ser du exakt hur de gjort.

Jesper Ribacka

2014-06-05 14:26

Jag är tyvärr inte så vass på javascript :)

Om någon har lust att hjälpa mig snabbt så bjussar jag på en länk.

Mvh
Jesper Ribacka

Tsarraz

2014-06-05 14:38

Har ingen hjälpt dig innan helgen skriver jag ihop nåt åt dig.

nosnaj

2014-06-05 16:03

Följande exempel borde fungera att utgå från, har ej testat det skarpt dock. Förutsätter jQuery, men den logiken kan du snabbt bygga bort, beroende på vad du har för ramverk?

<button class="kodknapp" id="rabatt1">Klicka för kod</button>
<span id="rabatt1kod" style="display:none">abc123</span>

<script>
$(".kodknapp").click(function(el) {

$("#"+$(el).attr("id")+"kod").show();
window.open("http://www.example.com");
});
</script>

yakuzaemme

2014-06-05 18:53

Jag hjälpte honom. Körde följande lösning:

Citat:

<span><a class="rabattlink" href="#" target="_blank" data-rabattkod="TEST123">Visa rabattkod</a></span>

<script>
$(document).ready(function() {
$("a.rabattlink").click(function() {
$(this).parent().html($(this).data("rabattkod"));
});
});
</script>

Sidan hade redan jQuery så körde det istället för rå JS.

Alla tider är GMT +2. Klockan är nu 05:26.