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>

25 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
  17. Great Information sharing .. I am very happy to read this article .. thanks for giving us go through info.Fantastic nice. I appreciate this post.

    interior design for apartment

    ReplyDelete
  18. Great job for publishing such a beneficial web site. Your web log isn’t only useful but it is additionally really creative too.

    Android apps development company in Noida

    ReplyDelete
  19. Another great information, i like this kind of blog information really very nice and more new skills to develop after reading that post.

    Warehousing Services in India

    ReplyDelete
  20. I like your ideas and articles. Good and wonderful, I will wait for your article. Thank you sharing is helpful for students interested in learning.

    Best driving school in North york

    ReplyDelete
  21. Wow! Such an amazing and helpful post this is. I really really love it. It's so good and so awesome. I am just amazed. I hope that you continue to do your work like this in the future also

    Amazon Product Photography

    ReplyDelete
  22. I am happy to find this post very useful for me, as it contains lot of information. I always prefer to read the quality content and this thing I found in you post. Thanks for sharing.

    auto branding

    ReplyDelete

 
Top