Gå til innhold

endre mailto ved hjelp av checkbox


Anbefalte innlegg

Skrevet

Er litt rusten i js, så trenger litt hjelp.

Skal endre en mailto-link ved hjelp av et js. js blir aktivisert av checkboxer som ligger i ulike forms (en checkbox i hver form). js kan f.eks. få inn mailadresser ved hjelp av innparametre.

 

1. Hvordan kan jeg legge til flere mottakere etterhvert som checkboxene blir valgt?

 

2. Hvordan kan jeg fjerne en mottaker dersom en fjerner et valg?

 

På forhånd, takk.

Videoannonse
Annonse
Skrevet (endret)

Det enkleste er å lage en ny textbox med alle mottakere i, når noen klikker på en chekcbox så legges adressen til i feltet. Når markeringen fjernes så tar du bort mottakeren.

Endret av ????????
Skrevet

Har vært inne på den tankten. Tenkte på å legge inn et hidden-field. Planen var da at jeg kaller funksjonen ved hjelp av onchange på checkboxen, og starter med å søke igjennom hidden-feltet. Dersom adressen ikke ligger der, blir den lagt til. I motsatt tilfelle, blir den fjernet.

 

Men hvordan vil denne koden se ut?

  • 3 uker senere...
Skrevet

Et lite eksempel hvor mailto linken genereres hver gang en endring skjer:

 

<html>
<head><title>Test</title></head>
<body>
<script>
function GenMailToList(obj) {
 var aItems = document.getElementsByName('chkmail');
 var sTmp = '';
 for (var i=0;i<aItems.length;i++) {

 	if (aItems[i].checked == true) {
   if (sTmp == '') {
   	sTmp = aItems[i].value;
   } else {
   	sTmp = sTmp + ';' + aItems[i].value;
   }
 	}
 }	
 document.getElementById('mailtoLink').href = 'mailto:' + sTmp;
 document.getElementById('spanVal').innerHTML = document.getElementById('mailtoLink').href; 
}

</script>

<form action="test2.asp" method="get" name="formTest2">
<input name="chkmail"  type="checkbox" value="[email protected]" onClick="GenMailToList(this)"> <label>[email protected]</label><br>
<input name="chkmail" type="checkbox" value="[email protected]" onClick="GenMailToList(this)"> <label>[email protected]</label><br>
<input name="chkmail" type="checkbox" value="[email protected]" onClick="GenMailToList(this)"> <label>[email protected]</label><br>
<input name="chkmail" type="checkbox" value="[email protected]" onClick="GenMailToList(this)"> <label>[email protected]</label><br>
<input name="chkmail" type="checkbox" value="[email protected]" onClick="GenMailToList(this)"> <label>[email protected]</label><br>
<input name="chkmail" type="checkbox" value="[email protected]" onClick="GenMailToList(this)"> <label>[email protected]</label><br><br>
</form>

<a href="mailto:" id="mailtoLink">Dynamisk link</a><br> verdi i linken: <span id="spanVal"></span>

</body>
</html>

 

Du kan også gjøre en vri som kjører replace i mailto verdien i det øyeblikket du fjerner checked på adressen. Nye adresser kan du da f.eks legge på til slutten.

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...