Hallo Zusammen,
vielen Dank fürs reinschauen 🙂
Ich habe mir eine Checkbox gebastelt die beim klicken, eine Textbox öffnet.
Ich möchte natürlich wenn jemand die Textbox wählt und etwas reinschreibt, dass es später in die Mail übergeben wird und beim Empfänger ankommt, doch leider weiss ich nicht wie ich die Variablen setzen kann?
Hat jemand eine Idee für mich?
Hier mein Script:
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
$(function () {
$('input[type="checkbox"][data-target]')
.change (function () {
var target = $($(this).data ('target'));
target.toggleClass ('hidden' , ! $(this).attr ('checked'));
})
.change ();
});
</script>
<style type="text/css">
.hidden {
display:none;
}
.texty {
height: 80px;
width: 350px;
}
.texty {
background-image: url("/fileadmin/template/img/form_bg.png");
background-repeat: repeat-x;
border: 1px solid #DDDDDD;
color: #333333;
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size: 11px;
padding: 5px 3px;
width: 250px;
}
</style>
</head>
<body>
<legend class="powermail_label powermail_check_legend"> Kontaktwunsch </legend>
<div class="powermail_check_outer">
<div class="powermail_check_inner powermail_check_inner_1">
<input type="checkbox" name="tx_powermail_pi1[field][340][0]" id="c1" data-target = "#tggl1"> <label for="c1">Bitte rufen Sie mich an</label>
<div id="tggl1">
<textarea class="texty" name="tx_powermail_pi1[field][340][0]" cols="" rows=""></textarea>
</div>
</div>
<div class="powermail_check_inner powermail_check_inner_2">
<input type="hidden" name="tx_powermail_pi1[field][340][1]" value="">
<input id="powermail_field__2" class="powermail_checkbox powermail_checkbox_340 " type="checkbox" name="tx_powermail_pi1[field][340][1]" value="Ich möchte eine online Präsentation">
<label for="powermail_field__2">Ich möchte eine online Präsentation</label>
</div>
</div>
Danke für euren Support
Ich verstehe nicht, warum du den HTML Code selber geschrieben hast.
Du hättest doch mit Powermail eine Checkbox und eine Textarea erstellen können (über JS und CSS dann Verhalten und Aussehen beeinflussen)?
Ehrlich gesagt weiß ich nicht was passiert, wenn du selbst ein Feld hinzufügst, dass es so nicht in der Datenbank gibt - geht vermutlich nicht.
Weil ich nicht weiss, wie ich das Element in Jquery und CSS ansprechen kann. Und wo ich das Jquery und CSS einbauen soll, die Variante erschien mir als einfacher, denkst du es gibt keine Möglichkeit es zum laufen zu bekommen? Übrigens die Textarea wird mir in der Mail ausgegeben. Würde mich freuen wenn du eine Idee hast?
Danke
Dann ist doch alles gut, wenn die Textarea ankommt...
Ja scheint zu funktionieren.
Hier mein Code für euch 🙂
<html>
<head>
<script type="text/javascript">
$(document).ready(function() {
$('#c1').click(function(){
$('#tggl1').toggle();
});
});
</script>
<style type="text/css">
.texty {
background-image: url("/fileadmin/template/img/form_bg.png");
background-repeat: repeat-x;
border: 1px solid #DDDDDD;
color: #333333;
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size: 11px;
padding: 5px 3px;
width: 250px;
}
</style>
</head>
<body>
<legend class="powermail_label powermail_check_legend"> Kontaktwunsch</legend>
<div class="powermail_check_outer">
<div class="powermail_check_inner powermail_check_inner_1">
<input type="hidden" value="" name="tx_powermail_pi1[field][340][0]">
<input id="c1" class="powermail_checkbox powermail_checkbox_340 " type="checkbox" value="Bitte rufen Sie mich an" data-target = "#tggl1" name="tx_powermail_pi1[field][340][0]">
<label for="c1">Bitte rufen Sie mich an</label>
<textarea class="texty" id="tggl1" name="tx_powermail_pi1[field][340][1]" cols="" rows="" style="display : none">Wann und Wie können wir Sie am besten erreichen?</textarea>
</div>
<div class="powermail_check_inner powermail_check_inner_2">
<input type="hidden" name="tx_powermail_pi1[field][340][2]" value="">
<input id="powermail_field__2" class="powermail_checkbox powermail_checkbox_340 " type="checkbox" name="tx_powermail_pi1[field][340][2]" value="Ich möchte eine online Präsentation">
<label for="powermail_field__2">Ich möchte eine online Präsentation
</label>
</div>
</div>