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.
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>
(h)
ReplyDeleteEducation 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/
ReplyDeleteIt 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
ReplyDeleteOne of the highlights of promoting with Facebook is the upside of watchword interest focusing on. Visit Website
ReplyDeletewm casino
ReplyDeleterespect55
xxx
xxx
xxx ไทย
เรียนภาษาอังกฤษ
poker
เราคือผู้นำด้านเกมพนันออนไลน์ Major168 เราคือผู้ให้บริการ คาสิโนออนไลน์ ที่ได้รับรองว่าดีที่สุดในประเทศไทย มีค่ายเกมส์ให้เล่นมากมาย Sagaming, Sexy bacarat, Dreamgame, Ebet, Wm casino, Vivo gaming ไม่ผ่านเอเย่นต์ ระบบปลอดภัยมีทีมงานดูแลตลอด 24ชม.
ReplyDeleteSAGAME88 แหล่งรวมเกมส์พนันออนไลน์ คาสิโนสด บาคาร่า กำถั่ว คาสิโนออนไลน์ ไฮโล รูเล็ต รับเครดิตฟรีเล่นได้ทุกเกมส์ โบนัสสมาชิกใหม่เพียบ พร้อมระบบฝากถอนออโต้ 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.
Buy Telegram Post Views adsmember
ReplyDeletebuy cheap telegram members adsmember will help you to grow your business with https://adsmember.com/
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.
ReplyDeletebuy instagram likes
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.
ReplyDeleteIn 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먹튀사이트
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ดูบอล
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
ReplyDeleteMerci 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é.
ReplyDeleteQuand 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
I'm glad to see the great detail here!.
ReplyDeleteSlot88
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
ReplyDeleteCustomers 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
ReplyDeleteWow; Thanks for sharing this helpful content. I enjoyed your blog. Do you know How to create a clipping path
ReplyDeletein Photoshop?
A lot of differentiation will superfluously obscure the image.
ReplyDeleteeCommerce Product Photo Editing Service
Photoscape - a free photo editing program is expected to be introduced to your PC first.
ReplyDeleteProduct Photo Editing
Great Information sharing .. I am very happy to read this article .. thanks for giving us go through info.Fantastic nice. I appreciate this post.
ReplyDeleteinterior design for apartment
Great job for publishing such a beneficial web site. Your web log isn’t only useful but it is additionally really creative too.
ReplyDeleteAndroid apps development company in Noida
Another great information, i like this kind of blog information really very nice and more new skills to develop after reading that post.
ReplyDeleteWarehousing Services in India
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.
ReplyDeleteBest driving school in North york
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
ReplyDeleteAmazon Product Photography
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.
ReplyDeleteauto branding
Learn how to create a Facebook-like edit box using jQuery in just a few simple steps. Enhance user engagement and improve your website's user experience today!
ReplyDeletereckless driving lawyer harrisonburg va