Html input form shows image before uploads

function max_width(w) {
   if(window.innerWidth <= w) {
     returntrue;
   } else {
     returnfalse;
   }
}

var profits=2489.8237
  profits.toFixed(3)//returns 2489.824 (round up)
  profits.toFixed(2)//returns 2489.82
  profits.toFixed(7)//returns 2489.8237000 (padding)

[code] $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this.name] = [o[this.name]]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.value || ''; } }); return o; }; [/code]

function GetSelectedValues(selection){ return $(selection).map(function() { if($(this).val() !== "") return $(this).val(); }).get().join(","); } function GetSelectedAttr(selection,attrx){ return $(selection).map(function() { return $(this).attr(attrx) ; }).get().join(","); }

jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features:

An Open-Source JavaScript Library for Mobile-Friendly Interactive Maps Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps. It is developed by Vladimir Agafonkin with a team of dedicated contributors. Weighing just about 33 KB of JS, it has all the features most developers ever need for online maps.

latitude, longitude Drawing on map marker info windows Waypoints polyline polygons Directions service Keywords : travel modes, street view      

it can be solved by  fancy  beforeLoad

$(document).ready(function() {
 var fancy_top = "";
 $("[id^='fancy_popup']").fancybox({
 'width' : '75%',
 'height' : '75%',
 'autoScale' : false,
 'transitionIn' : 'none',
 'transitionOut' : 'none',
 'type' : 'iframe',
 'afterClose' : function() {
   document.body.scrollTop=fancy_top; 
  $('html, body').animate({ scrollTop:fancy_top });},
 'beforeLoad' : function() { 
  var fancy_top = document.body.scrollTop; 
 }

 });

 $('.fancybox').fancybox();

 });

CKEditor replace  by class with same class in one page <textarea cols="80"  class="editor"   name="editor1" rows="10"> ddd</textarea> <textarea cols="80"    class="editor"  name="editor2" rows="10"> ddd</textarea>

<script> var dd=1; $(".editor").each(function(){ $(this).attr("id","editor"+dd); CKEDITOR.replace( 'editor'+dd); dd=dd+1; }); </script>

  TypeError: $ is not a function or Uncaught TypeError: Property '$' of object [object Object] is not a function Change  "$"  to  "jQuery"   Problem: is usually  caused by different version of jquery

[php] function change_option_byvalue(select,value){ $(select).find("option:selected").removeAttr("selected"); $(select).find("option[value='"+value+"']").attr('selected','selected'); $(select).find("option[value='"+value+"']").trigger('click'); var selectparent =$(select).parent(); var newselect =$(select).clone(); $(select).remove(); selectparent.append(newselect); } change_option_byvalue("select[name='muslum']",21);  // it will select the option that has value of 21 by muslum21 [/php]

dd geting js ajax json object result to console as  key value  with jquery $each() function [php]</p> <p>var result = jQuery.parseJSON(response.responseText);<br /> //console.log(result);<br /> $.each(result, function(key, value){<br /> $.each(value, function(key, value){</p> <p>console.log(key, value);<br /> });<br /> });</p> <p>[/php]

http://phpjs.org/functions/strpos/ [php] function strpos (haystack, needle, offset) { // http://kevin.vanzonneveld.net // + original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) // + improved by: Onno Marsman // + bugfixed by: Daniel Esteban // + improved by: Brett Zamir (http://brett-zamir.me) // * example 1: strpos('Kevin van Zonneveld', 'e', 5); // * returns 1: 14 var i = (haystack + '').indexOf(needle, (offset || 0)); return i === -1 ? false : i; } strpos('Kevin van Zonneveld', 'e', 5); // return 1,14 [/php]

jQuery ContextMenu Plugin http://www.javascripttoolbox.com/lib/contextmenu/   <script language="javascript" type="text/javascript"> $(document).on("contextmenu", "body", function(e){ alert("COPYRIGHT "); return false; }); </script>

[php] <pre><script> function testfunction(){ document.Add.submit(); } </script></pre> <form action="" method="post" name="Add" id="Add"  enctype="multipart/form-data" onkeypress="if(Enter(event)==true){ return testfunction () }"> [/php] --------

http://www.position-relative.net/creation/formValidator/demos/demoValidators.html#

jQuery.validationEngine

Demos

• Demo Validators
• Demo Datepicker
• Demo Regular expressions
• Demo Checkbox
• Demo Hooks
• Demo with attribute instead of class
• Demo ShowPrompt
• Demo Overflown
• Demo Multiple Forms
• Demo field types
• Demo Global Settings
• Demo Ajax Java
• Demo Ajax Inline Php
• Demo Ajax Inline & Submit Php
• Demo Translations (JA)
• Demo Positioning
• Demo Chosen Library
• Demo jQuery-SelectBox Library

Documentation

Github

Authors

Copyright(c) 2010, Cedric Dugas http://www.position-absolute.com 2.0 Rewrite by Olivier Refalo http://www.crionics.com

[php] <style type="text/css" id="page-css"> #loading { z-index:1000; position:absolute; width:100%; height:100%; overflow:hidden; background-color:#fff;} #loading .middle { position:absolute; width:100%; margin-top: -24px; top: 50%; height:52px; text-align:center;} #loadingBg { position:absolute; width:100%; height:100%; overflow:hidden; background-color:#fff; display:none;} #loadingBg .middle { position:absolute; width:100%; margin-top: -24px; top: 50%; height:52px; text-align:center;} </style> <script type="text/javascript" id="sourcecode"> window.onload = function() { $("#loading").delay(100).fadeOut(1000); } </script> <body> <div id="loading"> <div class="middle"> <div class="inner"> <img src="{RootDir}{TempDir}assets/css/img/yukleniyor.gif" alt="" /> </div> </div> </div> [/php]

[php] $('form').submit(function(){ $(this).find('input:text').each(function(){ $(this).val($.trim($(this).val())); }); }); [/php]

1. .is()
2. .has()
3. $.extend(obeject1, obeject2, obejectN );
4. <script>$("td:gt(4)").css("text-decoration", "line-through");</script>
5. .delegate()
6. .clone() 

ajax form plugin  http://www.alajax.com/, [code] <pre>/** * ALAJAX auto sender for jQuery * Create an auto ajax sender from your basic HTML code. * @url http://www.alajax.com/ * @version 1.2 * CopyRight: GNU General Public License v2 * * Developed by: Alaa Badran * http://www.alajax.com/ * Email info@alajax.com * */ $ = jQuery; // Make sure its defined <!--more--> $.fn.alajax = function (options){ // sgObj is a holder for #gallery container.. Cashing it. var aObj = $(this); // contaciner object var aForm = ($(this).is('form') ? $(this):$(this).find('form').eq(0)); // Storing Form object var oid = $(this).attr('id'); // Storing the ID of current Object // Default settings. var settings = { type: 'text', // 'text', 'json' or 'xml' success: function(){}, error: function (){}, beforeSend: function (){}, postType: aForm.attr('method'), // Storing Form method.. POST or GET tourl: aForm.attr('action') // Storing URL to send data to }; settings = $.extend(settings, options); function _sendData(){ // Run AJAX function $.ajax({ type: settings.postType, url: settings.tourl, data: aForm.serialize(), dataType: settings.type, beforeSend: function (){ // add code here if you want to do something before sending the form settings.beforeSend(); }, success: function(data, textStatus, jqXHR){ // Add code here when send is successful. settings.success(data); }, error: function (jqXHR, textStatus, errorThrown){ //alert(errorThrown); settings.error(); } }); } /** * The initializer for this plugin. */ function _init(){ aForm.submit(function (event){ _sendData(); // Processing event.preventDefault(); // To disable form submitting. Submit will be by AJAX only using the function above. }); } return _init(); } // END of Plugin</pre> [/code]