Hai frnds, today im creating facebook like profile edit with jquery without using any database. Here i used the simple .toggle() function means it toggle two functions when a button is clicked, but the .toggle() function is available upto jquery 1.8 version if any one working with jquery 1.9 or above version it does not work so please download the below 1.8 jquery version. All the versions are available in jquery official site. Simply go to http://jquery.com/download/ website scroll down the page to Past Releases of jquery, Download and Enjoy it.

Sample Screenshot 

facebook like profile edit
In this example i'am including the jquery 1.7 version so dnt worry about it. Just copy the example and paste it in your notepad then save it as .html file and Run it. In the below example i have created the textbox and loaded image dynamically using jquery so observe the example carefully.  


Right Click and save the above two images
 
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script>
$(document).ready(function()
{
$('#but').toggle(function(){ 
var val=$('h2').text();
$(this).css({background: 'url(close.gif) no-repeat'})
$('h2').empty();
$('h2').append('<input id="da" type="text" name="box" value="'+val+'"></input>');
},function(){
var value=$("#da" ).val();
 $(this).css({background: 'url(edit.gif) no-repeat'})
$('h2').html(value);
});
});
</script>
<style type="text/css">
<!--
a.edit  {
    float: right;
    background: url(edit.gif) no-repeat;
    padding:100px;
}
-->
</style>
</head>
<body>
<div align="center" style="padding-top:200px">
<div style="width:400px;border:#FF3366;border-radius:8px;
border-style:dotted;height:60px">
<h2>Click here to Edit</h2>
</div>
<div style="width:400px; padding:20px">
<a href="#" class="edit" id="but"></a>
</div>
</div>
</body>
</html>

19 comments:

  1. Education loans are for students after availing quality education. You can apply for the loan online and offline, processing online though is preferred.http://www.thesisexample.info/

    ReplyDelete
  2. It was a very good post indeed. I thoroughly enjoyed reading it in my lunch time. Will surely come and visit this blog more often. Thanks for sharing. gamo coyote libera vendita

    ReplyDelete
  3. One of the highlights of promoting with Facebook is the upside of watchword interest focusing on. Visit Website

    ReplyDelete
  4. เราคือผู้นำด้านเกมพนันออนไลน์ Major168 เราคือผู้ให้บริการ คาสิโนออนไลน์ ที่ได้รับรองว่าดีที่สุดในประเทศไทย มีค่ายเกมส์ให้เล่นมากมาย Sagaming, Sexy bacarat, Dreamgame, Ebet, Wm casino, Vivo gaming ไม่ผ่านเอเย่นต์ ระบบปลอดภัยมีทีมงานดูแลตลอด 24ชม.

    SAGAME88 แหล่งรวมเกมส์พนันออนไลน์ คาสิโนสด บาคาร่า กำถั่ว คาสิโนออนไลน์ ไฮโล รูเล็ต รับเครดิตฟรีเล่นได้ทุกเกมส์ โบนัสสมาชิกใหม่เพียบ พร้อมระบบฝากถอนออโต้ 10วิ เรามีทุกค่ายเกมส์ให้คุณเลือกเดิมพัน SA Game Sexy bacarat Dreamgame WM Casino VIVO Gaming Ebet เล่นได้ทุกเกมส์

    Our website ufabet provides betting services in the system of Auto Deposit-Withdrawal. Our members are not only in Thailand. Online football betting UEFA Bet market And this makes a guarantee that Ufabet168 is another reliable football betting website

    ufa through the website UFABET1688 a web gambling online , one that integrated all the bets from online casinos , online casino , online , and also have a game a lot more to be chosen to play such games.


    ReplyDelete
  5. Thanks a lot for sharing this excellent article. Visitors will feel enjoy finding important things in your content. I am happy for myself and visitors for sharing this article.

    buy instagram likes

    ReplyDelete
  6. We provide a wide range of asset protection services to safeguard our clients' valuable assets from criminals like thieves. We are experts at protecting high-value one-off assets, exclusive/high-end car collections, racehorses, diamond (jewels), fine art, among others. security services We apply modern security technology, robust management, and proven technologies to mitigate all potential risks.

    ReplyDelete
  7. In this contemporary world, it has become responsible to get to each and everything with present day advances; subsequently, gaming peripherals are the best gaming gadgets which solace the gamers who love to play the best games with simple and open gadget to play their abilities. 먹튀검증
    먹튀사이트

    ReplyDelete
  8. Interesting and amazing how your post is! It Is Useful and helpful for me That I like it very much, and I am looking forward to Hearing from your next..
    ดูบอล

    ReplyDelete
  9. Instagram works by using hashtags to help separate out pics. After you try to find pics, this web 2 . 0 circle will probably present each of the pics that has a popular hashtag. Attractiveness seriously isn't the one considerations as soon as picking out this hashtags to search with all your pics. It's also sensible to work with applicable people.Instagram Follower kaufen

    ReplyDelete
  10. Merci beaucoup pour cet article ! Mais prenez gare lorsque vous réfléchissez aux meilleur outils web pour faire votre promotion à ne pas en mettre de coté.
    Quand vous faites un travail internet quelque soit l’outil utilisé, il est important de faire attention au référencement quelque soit sa forme les # hashtag sur les réseaux sociaux, les mots clefs habituels, liens en faisant attention à y inclure des mots clefs,…. avant de commencer a inclure vos mots clefs des différentes techniques appropriées en fonction des outils utilisez un logiciel (plusieurs gratuit) pour vérifier quels sont vraiment les mots clefs les plus utilisés de votre industrie car on a souvent des surprises !

    Par exemple ce travail peut être fait sans engagement par des boites web telles que webmarketing-tourisme.com

    ReplyDelete
  11. I'm glad to see the great detail here!.
    Slot88

    ReplyDelete
  12. Numerous business people are starting to take advantage of this worthwhile strategy for producing leads and deals for their organizations. Research is showing that the normal Facebook client spends a little more than 6 hours every month on Facebook which is twofold how much season of its nearest rival, Google.buy twitch viewers PayPal

    ReplyDelete
  13. Customers are turning out to be more mindful of brands and are reviewing what they are seeing more than other internet promoting midpoints. Facebook publicizing is the impetus for more certain discussions regarding organizations too.mélybölcsős szállítás Europa-Road Kft

    ReplyDelete
  14. Wow; Thanks for sharing this helpful content. I enjoyed your blog. Do you know How to create a clipping path
    in Photoshop?

    ReplyDelete
  15. A lot of differentiation will superfluously obscure the image.
    eCommerce Product Photo Editing Service

    ReplyDelete
  16. Photoscape - a free photo editing program is expected to be introduced to your PC first.
    Product Photo Editing

    ReplyDelete

 
Top