Skip to main content

Important Javascript and Jquery Code for web development

Important  Javascript and Jquery  Code for web development:

(1)how to make multiple preview of single  image:


(2)javascript code  for confirmation before delte and update: 


(3)how to pass image file  with text to php using Ajax:



(4)how to preview  form entered  value  in text:


(5)Drag and Drop  file  upload  :


Comments

  1. Unknown6 May 2017 at 04:15

    As a website design company .Web India Market offer a full-circle approach in responsive website designing and web development services. Our website designing services covers Strategic Planning, Business Intelligence, Creative Application Development, Digital Marketing, SEO services and e-commerce solutions.

    ReplyDelete
  2. Mike SEO23 May 2017 at 09:56

    An expert group can help with that. The organizations beneath have been surveyed in light of an extensive variety of subjective and quantitative measurements. At times, factor posting expenses impact position on this rundown; however just exceedingly respected Web development company Ireland are acknowledged through our audit examination. Take in more about our positioning procedure here.

    ReplyDelete
  3. Zinavo-Web Design | Web Development | SEO | Mobile Apps | ERP/CRM2 June 2017 at 05:20

    nice post, keep sharing.
    Website Development Company Bangalore | Web Designing Bangalore

    ReplyDelete
  4. Unknown2 July 2017 at 23:02

    The blog was absolutely fantastic! Lot of information is helpful in some or the other way. Keep updating the blog, looking forward for more content...Great job, keep it up.
    web development

    ReplyDelete
  5. Ancy merina13 February 2018 at 00:08

    This comment has been removed by the author.

    ReplyDelete
  6. Anonymous8 May 2020 at 04:27

    Great Information! Here's a list of latest Marketing job vacancies in Delhi

    ReplyDelete
  7. zuzucodes17 October 2020 at 02:26

    Great info. Thanks for sharing.
    Top Web Designers in the United States

    ReplyDelete

Post a Comment

Popular posts from this blog

Juqery Event

(1)Click Event example:- ​<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function(){   $("p").click(function(){     alert("The paragraph was clicked.");   }); }); </script> </head> <body> <p>Click on this paragraph.</p> </body> </html> (2)Mouseenter  Event Example  :- <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function(){   $("p").mouseenter(function(){     $("p").css("background-color", "yellow");   });   $("p").mouseleave(function(){     $("p").css("background-color", "lightgray");   }); }); </script> </head> <body> <p>Move the mouse po...
Post a Comment
Read more

Juqery stop

jQuery stop() Method:- The jQuery stop() method is used to stop an animation or effect before it is finished. The stop() method works for all jQuery effect functions, including sliding, fading and custom animations. Syntax: $(selector).stop(stopAll,goToEnd); <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function(){   $("#flip").click(function(){     $("#panel").slideDown(5000);   });   $("#stop").click(function(){     $("#panel").stop();   }); }); </script> <style> #panel, #flip {   padding: 5px;   font-size: 18px;   text-align: center;   background-color: #555;   color: white;   border: solid 1px #666;   border-radius: 3px; } #panel {   padding: 50px;   display: none; } </style> </head> <body> <button id="stop">S...
Post a Comment
Read more

Jquery Sliding

jQuery Sliding Methods:-  With jQuery you can create a sliding effect on elements. jQuery has the following slide methods: slideDown() slideUp() slideToggle() (1)slideDown()  example:- <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function(){   $("#flip").click(function(){     $("#panel").slideDown("slow");   }); }); </script> <style> #panel, #flip {   padding: 5px;   text-align: center;   background-color: #e5eecc;   border: solid 1px #c3c3c3; } #panel {   padding: 50px;   display: none; } </style> </head> <body> <div id="flip">Click to slide down panel</div> <div id="panel">Hello world!</div> </body> </html> (2)sldeUP()  example:- <html> <head> <script src="https://ajax....
11 comments
Read more