tutorial blog
demo percobaan untuk di praktekan
Navbar
kode untuk tidak kelihatan sama
sekali (menghilang) :
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}<br
/>#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,
FinishedOpacity=100)}
Untuk script Kontak
Script email me form
<link rel="stylesheet"
type="text/css"
href="http://www.emailmeform.com/builder/styles/dynamic.php?t=post"
/>
<link rel="stylesheet"
type="text/css"
href="http://www.emailmeform.com/builder/theme_css/g34srCPn140JM8Z5"
/>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined'){
document.write(unescape("%3Cscript
src='http://www.emailmeform.com/builder/js/jquery-1.4.4.min.js'
type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript">
if (typeof $.ui == 'undefined'){
document.write(unescape("%3Cscript
src='http://www.emailmeform.com/builder/js/jquery-ui-1.7.2.custom.min.js'
type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script type="text/javascript"
src="http://www.emailmeform.com/builder/js/dynamic.php?t=post&t2=0&use_CDN=true"></script>
<div id="emf-container-outer">
<div
id="emf-container">
<div
id="emf-logo">
<a>EmailMeForm</a>
</div>
<form
id="emf-form" class="topLabel"
enctype="multipart/form-data" method="post"
action="http://www.emailmeform.com/builder/form/g34srCPn140JM8Z5"
name="emf-form">
<div
id="emf-form-instruction" class="emf-head-widget">
<div
id="emf-form-title" class="emf-bold">
Contact Form
</div>
<div
id="emf-form-description"></div>
</div>
<ul>
<li
id="emf-li-0" class="emf-li-field emf-field-text
data_container" style="text-align:">
<label
class="emf-label-desc" for="element_0">Name
<span>*</span></label>
<div
class="emf-div-field">
<input
id="element_0" name="element_0" value=""
size="30" type="text" class="validate[required]"
/>
</div>
<div
class="emf-clear"></div>
</li>
<li
id="emf-li-1" class="emf-li-field emf-field-email
data_container" style="text-align:">
<label
class="emf-label-desc" for="element_1">Email
<span>*</span></label>
<div
class="emf-div-field">
<input
id="element_1" name="element_1"
class="validate[required,custom[email]]" value=""
size="30" type="text" />
</div>
<div
class="emf-clear"></div>
</li>
<li
id="emf-li-2" class="emf-li-field emf-field-text data_container"
style="text-align:">
<label
class="emf-label-desc" for="element_2">Subject
<span>*</span></label>
<div
class="emf-div-field">
<input
id="element_2" name="element_2" value=""
size="30" type="text" class="validate[required]"
/>
</div>
<div
class="emf-clear"></div>
</li>
<li
id="emf-li-3" class="emf-li-field emf-field-textarea
data_container" style="text-align:">
<label
class="emf-label-desc" for="element_3">Message <span>*</span></label>
<div
class="emf-div-field">
<textarea id="element_3" name="element_3"
cols="60" rows="10"
class="validate[required]">
</textarea>
</div>
<div
class="emf-clear"></div>
</li>
<li id="emf-li-recaptcha">
<script
type="text/javascript">
//<![CDATA[
$(function(){
$('#recaptcha_response_field').addClass('validate[required]');
});
//]]>
</script>
<div>
<script
type="text/javascript">
//<![CDATA[
var
RecaptchaOptions = {
theme:
'clean',
custom_theme_widget: 'emf-recaptcha_widget'
};
//]]>
</script> <script type="text/javascript"
src="https://www.google.com/recaptcha/api/challenge?k=6LchicQSAAAAAGksQmNaDZMw3aQITPqZEsX77lT9">
</script> <noscript><iframe src="https://www.google.com/recaptcha/api/noscript?k=6LchicQSAAAAAGksQmNaDZMw3aQITPqZEsX77lT9"
height="300" width="500"
frameborder="0"></iframe><br />
<textarea name="recaptcha_challenge_field"
rows="3" cols="40">
</textarea> <input type="hidden"
name="recaptcha_response_field" value="manual_challenge"
/></noscript>
</div>
</li>
<li
id="emf-li-post-button" class="right">
<input
value="Send email" type="submit" onmouseover="return
true;" />
</li>
</ul><input
name="element_counts" value="4" type="hidden"
/> <input name="embed" value="forms"
type="hidden" />
</form>
</div>
</div><br />
<div style="text-align:center">
<font
face="Verdana" size="2"
color="#000000">Powered by</font><span style="position:
relative; padding-left: 3px; bottom: -5px;"><img src=
"http://www.emailmeform.com/builder/images/footer-logo.png"
/></span><font face="Verdana" size="2"
color="#000000">EMF</font> <a style="text-decoration:none;"
href="http://www.emailmeform.com/"
target="_blank"><font face="Verdana"
size="2" color="#000000">Web Forms
Builder</font></a><br />
<a
style="line-height:20px;font-size:70%;text-decoration:none;"
href="http://www.emailmeform.com/report-abuse.html?http://www.emailmeform.com/builder/form/g34srCPn140JM8Z5"
target=
"_blank"><font face="Verdana"
size="2" color="#000000">Report
Abuse</font></a>
</div><script type="text/javascript">
//<![CDATA[
EMF_jQuery(function(){
EMF_jQuery("#emf-form").validationEngine({
validationEventTriggers:"blur",
scroll:true
});
EMF_jQuery("#emf-form ul
li").mousedown(highlight_field_on_mousedown);
EMF_jQuery("#emf-form ul li input, #emf-form ul li textarea,
#emf-form ul li select").focus(highlight_field_on_focus);
var
form_obj=EMF_jQuery("#emf-container form");
if(form_obj.length>0 &&
form_obj.attr('action').indexOf('#')==-1){
form_obj.attr('action', form_obj.attr('action')+document.location.hash);
}
init_rules();
});
EMF_jQuery(window).load(function(){
post_message_for_frame_height();
});
var emf_widgets={text :
function(index){
return
$("#element_"+index).val();
}
,number :
function(index){
return
$("#element_"+index).val();
}
,textarea :
function(index){
return
$("#element_"+index).val();
}
,checkbox :
function(index){
var arr=new
Array();
$("input[name='element_"+index+"[]']:checked").each(function(){
arr[arr.length]=this.value;
});
var result=arr.join(",
");
return result;
}
,radio
:
function(index){
var
result="";
$("input[name=element_"+index+"]:checked").each(function(){
result=this.value;
});
return result;
}
,select :
function(index){
return
$("#element_"+index).val();
}
,email
:
function(index){
return $("#element_"+index).val();
}
,phone
:
function(index){
var arr=new
Array();
$("input[id^=element_"+index+"_]").each(function(){
arr[arr.length]=this.value;
});
var
result="";
if(arr.length>0){
result=arr.join("-");
}else{
result=$("#element_"+index).val();
}
return result;
}
,datetime :
function(index){
var
result="";
var
date_part="";
if($("#element_"+index+"_year").length==1){
date_part=$("#element_"+index+"_year-mm").val()+"/"+$("#element_"+index+"_year-dd").val()+"/"+$("#element_"+index+"_year").val();
}
var
time_part="";
if($("#element_"+index+"_hour").length==1){
time_part=$("#element_"+index+"_hour").val()+":"+$("#element_"+index+"_minute").val()+"
"+$("#element_"+index+"_ampm").val();
}
if(date_part
&& time_part){
result=date_part+" "+time_part;
}else{
result=date_part ? date_part : time_part;
}
return result;
}
,url :
function(index){
return
$("#element_"+index).val();
}
,file
:
function(index){
return
$("#element_"+index).val();
}
,select_multiple :
function(index){
return
$("#element_"+index).val();
}
,price
:
function(index){
var
result="";
var arr=new
Array();
$("input[id^=element_"+index+"_]").each(function(){
arr[arr.length]=this.value;
});
result=arr.join(".");
return result;
}
,hidden :
function(index){
return
$("#element_"+index).val();
}
,section_break :
function(index){
return
"";
}
,page_break :
function(index){
return
"";
}
,deprecated :
function(index){
return
$("#element_"+index).val();
}
,address :
function(index){
var
result="";
var
element_arr=$("input,select").filter("[name='element_"+index+"[]']").toArray();
result=element_arr[0].value+"
"+element_arr[1].value+"\n"
+element_arr[2].value+","+element_arr[3].value+"
"+element_arr[4].value+"\n"
+element_arr[5].value
return result;
}
,name
:
function(index){
var arr=new
Array();
$("input[id^=element_"+index+"_]").each(function(){
arr[arr.length]=this.value;
});
var
result=arr.join(" ");
return result;
}
};
var emf_condition_id_to_js_map={1 :
function(field_value, value){
return
field_value.indexOf(value)>-1;
}
,2 :
function(field_value, value){
return
field_value.indexOf(value)==-1;
}
,3 :
function(field_value, value){
return
field_value.indexOf(value)==0;
}
,4 :
function(field_value, value){
return
field_value.indexOf(value)==field_value.length-value.length;
}
,5 :
function(field_value, value){
return
field_value==value;
}
,6 :
function(field_value, value){
return
field_value!=value;
}
,7 :
function(field_value, value){
return
field_value==value;
}
,8 :
function(field_value, value){
return
field_value>value;
}
,9 :
function(field_value, value){
return
field_value<value;
}
,10 :
function(field_value, value){
var
date_for_field_value=Date.parse(field_value);
var
date_for_value=Date.parse(value);
if(date_for_field_value && date_for_value){
return
date_for_field_value == date_for_value;
}
return false;
}
,11 :
function(field_value, value){
var
date_for_field_value=Date.parse(field_value);
var
date_for_value=Date.parse(value);
if(date_for_field_value && date_for_value){
return
date_for_field_value < date_for_value;
}
return false;
}
,12 :
function(field_value, value){
var
date_for_field_value=Date.parse(field_value);
var
date_for_value=Date.parse(value);
if(date_for_field_value && date_for_value){
return
date_for_field_value > date_for_value;
}
return false;
}
};
var emf_group_to_field_rules_map=[];
var emf_group_to_page_rules_for_confirmation_map=[];
//]]>
</script>
Tidak ada komentar:
Posting Komentar