Gå til innhold

endre mailto ved hjelp av checkbox


Anbefalte innlegg

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.

Lenke til kommentar
Videoannonse
Annonse

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?

Lenke til kommentar
  • 3 uker senere...

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.

Lenke til kommentar

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...