AllInWorld99 provides a reference manual covering many aspects of web programming, including technologies such as HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL,FLASH, jQuery, java, for loop, switch case, if, if else, for...of, for...in, for...each,while loop, blogger tips, blogger meta tag generator, blogger tricks, blogger pagination, client side script, html code editor, javascript editor with instant output, css editor, online html editor, materialize css tutorial, materialize css dropdown list,break, continue statement, label,array, json, get day and month dropdown list using c# code, CSS button,protect cd or pendrive from virus, cordova, android example, html and css to make android app, html code play,telerik show hide column, Transparent image convertor, copy to clipboard using javascript without using any swf file, simple animation using css, SQL etc. AllInWorld99 presents thousands of code examples (accompanied with source code) which can be copied/downloaded independantly. By using the online editor provided,readers can edit the examples and execute the code experimentally.


Read Image Details Using jQuery

     The following jQuery program can help to upload any type of image and preview instantly, and you can read that file information through "FileReader()". We have write some CSS code for hide the default file upload option and give some extra style for the image up-loader full source code is free to use, and your can edit your code and see the output instantly by using our HTML editor.

Change Profile Image using jQuery
When you mouse over the preview image, the following code will execute and display the "Change Photo" Text.

 $("#imgArea").mouseover(function(){
$("#spnid").show();
});
$("#imgArea").mouseout(function(){
$("#spnid").hide();
});

When you change the image, the following code will execute

    $("#imgInp").change(function(){
        readURL(this);
    });


Example Program:- (Editor)


Editor is Loading...

Advertisement


0 comments:

Post a Comment

Total Pageviews