<html>
<head>
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<!-- This is the generated HTML by the Enfold Contact Form, here would be your do_shortcode[av_contact..] part -->
<form action="http://www.kriesi.at/themes/enfold/pages/contact/" method="post" class="avia_ajax_form avia-builder-el-5 el_after_av_heading avia-builder-el-last " data-avia-form-id="1" data-avia-redirect=""><fieldset><p class=" first_form form_element form_element_half" id="element_avia_name_1"><label for="avia_name_1">Name <abbr class="required" title="required">*</abbr></label> <input name="avia_name_1" class="text_input is_empty" type="text" id="avia_name_1" value=""></p><p class=" form_element form_element_half" id="element_avia_e-mail_1"><label for="avia_e-mail_1">E-Mail <abbr class="required" title="required">*</abbr></label> <input name="avia_e-mail_1" class="text_input is_email" type="text" id="avia_e-mail_1" value=""></p><p class=" first_form form_element form_fullwidth" id="element_avia_subject_1"><label for="avia_subject_1">Subject <abbr class="required" title="required">*</abbr></label> <input name="avia_subject_1" class="text_input is_empty" type="text" id="avia_subject_1" value=""></p><p class=" first_form form_element form_fullwidth" id="element_avia_message_1"> <label for="avia_message_1" class="textare_label hidden textare_label_avia_message_1">Message <abbr class="required" title="required">*</abbr></label> <textarea name="avia_message_1" class="text_area is_empty" cols="40" rows="7" id="avia_message_1"></textarea></p><p class="hidden"><input type="text" name="avia_avia_username_1" class="hidden " id="avia_avia_username_1" value=""></p><p class="form_element "><input type="hidden" value="1" name="avia_generated_form1"><input type="submit" value="Submit" class="button" data-sending-label="Sending"></p></fieldset></form>
<script>
/*
The [name=''] attribute may be different in your form, you'll need to use inspect element to make sure you target the correct ones
*/
(function($){
$(window).load(function() {
$("[name='avia_name_1']").val("<?php echo $name; ?>");
$("[name='avia_e-mail_1']").val("<?php echo $email; ?>");
});
})(jQuery);
</script>
</body>
</html>
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |