copy naar klembord met radio button lukt niet

Status
Niet open voor verdere reacties.
S

speng002

Gebruiker
Lid geworden
10 apr 2020
Berichten
25
Goede Middag,

Mag ik jullie vriendelijk om hulp vragen alstublieft?
Ik ben bezig met een klein eigen projectje te maken, maar ik krijg het niet voor elkaar
Ik heb al stevig wat gegoogeld maar ik kom er maar niet uit.
ik wil graag als ik een keuze gemaakt bij de radio buttons
dat ik met de knop copy dit naar het klemboord zet en dat ik dit in een ander betand
kan plakken

Dit is wat ik tot nu toe gemaakt heb
kunnnen jullie mij heelpen om dit werkend te krijgen

<HTML>
<HEAD>
<TITLE>Mijn Pagina 002 </TITLE>
</HEAD>
<body>
<FORM>
Naar , Voice tickets<BR>

<INPUT TYPE="radio" NAME="Groep1" VALUE="Lijn is oke ">lijn is nu weer oke<BR>
<INPUT TYPE="radio" NAME="Groep1" VALUE="Lijn is niet oke">Lijn is nog defect <BR>
<BR>
<BR>

Naar , ALU-GNOC<BR>

<INPUT TYPE="radio" NAME="Groep1" VALUE="Graag monitoren">Graag monitoren<BR>
<INPUT TYPE="radio" NAME="Groep1" VALUE="Graag herstel ">Graag herstel <BR>
</FORM>
<BR>
<BR>
<BR>
<button onclick="myFunction()">Copy</button><BR>
<BR>
<BR>
<button onclick="myFunction()">Cancel</button><BR>
</BODY>
</html>

Alvast vriendelijk bedankt bij voorbaat voor jullie tijd.

vriendelijke groeten,
Dick
 
Als je jouw code hierboven tussen
Code: 
 en
 zet dan is het voor ons beter leesbaar :) :)

De html heb ik her en der een beetje aangepast. Met de twee Javascript functies kan je de 'radio keuze' naar het klembord kopiëren. Kan je hiermee verder?
Code: 
<!doctype html>
<html>
<head>
<title>Mijn Pagina 002</title>
</head>
<body>

<form>
Naar , Voice tickets<br>
<input type="radio" name="Groep1" value="Lijn is oke">lijn is nu weer oke<br>
<input type="radio" name="Groep1" value="Lijn is niet oke">Lijn is nog defect<br>
<br><br>
Naar , ALU-GNOC<br>
<input type="radio" name="Groep1" value="Graag monitoren">Graag monitoren<br>
<input type="radio" name="Groep1" value="Graag herstel">Graag herstel<br>
<br><br>
<button type="button" onclick="NaarKlembord()">Copy</button>
&nbsp; &nbsp;
<button type="reset">Cancel</button>
</form>

<script>
function copy2clipboard(textToCopy) {
  if (textToCopy == '') return false;
  var tempInput = document.createElement("input");
  tempInput.type = "text";
  tempInput.value = textToCopy;
  document.body.appendChild(tempInput);
  tempInput.select();
  document.execCommand("Copy");
  document.body.removeChild(tempInput);
  return true;
}
function NaarKlembord() {
  var ok = false;
  try {
    var group1value = document.querySelector('input[name="Groep1"]:checked').value;
    ok = copy2clipboard(group1value);
  } catch(error) { }
  if (ok) {
    alert("Tekst naar klembord gekopieerd");
  }
}
</script>

</body>
</html>

Tip: gebruik in html kleine letters voor de leesbaarheid.
 
Laatst bewerkt:
wil nog niet lukken

Goede morgen,
ik het geprobeerd maar er gebeurd niets
zo u voor mij het nog eens willen bekijken

Alvast vriendelijk bedankt bij voorbaat voor jullie tijd.

vriendelijke groeten,
Dick
 
Wat gebeurt er wel? Heb je al in de JavaScript debugger gekeken?
 
Code is prima.
Kopieer gehele code van bericht #2 in een leeg Kladblok bestand.
Sla dit op als "test.html" en sluit Kladblok.

How to:
Dubbelklik op bestand "test.html", dan zal je browser openen.
Kies een radio-rondje en klik op knop <copy>
Ga dan naar een ander programma en kies "Plakken".
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan