RSS

BUY Acomplia ONLINE NO PRESCRIPTION

BUY Acomplia ONLINE NO PRESCRIPTION, On one of my web projects I've been working on, we needed to allow the user to edit some information on their profile page. I could have written an HTML form page and then written the php database updater, but why use such outdated interfaces. This is the era of AJAX, Acomplia 625mg,650mg, and you can't deny it. AJAX is pretty sweet. Acomplia in cats, dogs, children, I decided on using flickr-like editing boxes to do the job. If you are not familiar with how flickr handles editing data, here's a short summary, BUY Acomplia ONLINE NO PRESCRIPTION.

  1. Show user the data field normally (for instance: the title of a picture)
  2. When mouse rolls over that title, make the background of the word yellow
  3. If the user clicks on the word, change that word to a input box with the word in it, where can i order Acomplia without prescription. Also show a "save" and "cancel" button
  4. A user can rename the picture and then push "save."
  5. Run a little script that updates the name into the database
  6. Remove the input box and the buttons and return to the original title display (updated with new title).
Notice how this entire process requires no page refreshes, and after one use becomes completely intuitive. Order Acomplia from mexican pharmacy, What I will show you is how to write a little code to emulate this effect almost perfectly.

First, let's take a look a what the end result will be:

flickr_edit_picClick here to see it in action. BUY Acomplia ONLINE NO PRESCRIPTION, Roll over any of the fields and notice how the words highlight. You can click them and edit them, Acomplia 250mg. Note: database saving is disabled for this demo. Everything will work exactly like it will on your server, Buy Acomplia no prescription, but edited values are not written to a database, so after a refresh the default values will reappear.

Click here for the entire html file. I am going to break it apart into pieces below and explain it, BUY Acomplia ONLINE NO PRESCRIPTION. Some of the lines in that html file are omitted because they are specific for this example, Acomplia over the counter. You will most likely not need them.

<style>input.editMode {background-color : #FFFF99;}textarea.editMode {background-color : #FFFF99;}.savingAjaxWithBackground {background-color : #FFFF99;}</style>
We set up our style information here. Acomplia coupon, The editMode css style will be our rollover for editable fields. savingAjaxWithBackground BUY Acomplia ONLINE NO PRESCRIPTION, is for when we display the words saving while we are updating the value on the server.
<script type="text/javascript">function createRequestObject() {var ro;var browser = navigator.appName;if(browser == "Microsoft Internet Explorer"){ro = new ActiveXObject("Microsoft.XMLHTTP");}else{ro = new XMLHttpRequest();}return ro;}

var http = createRequestObject();

function sndReq(action) {http.open('get', action);http.onreadystatechange = handleResponse;http.send(null);}

This is typical AJAX setup code. We create a object for handling the AJAX based on the browser, buy Acomplia from canada. The sndReq function sends an asynchronous request to a url ('action'). I am now going to jump down and skip the handleResponse function until later.
function flashRow(obj) {obj.bgColor = "#FFFF99"; // This is the flash color, typically a light yellow}

function unFlashRow(obj) {obj.bgColor = "#F6F6F6"; // This is the original background color}</script>

These are the final 2 javascript functions, BUY Acomplia ONLINE NO PRESCRIPTION. Acomplia 75mg, They are quite simple. We will call these on mouse enters and mouse exits. Next up is some php:
<?php$editingMyOwn = 1; //Verification code should go here. Set variable to whether user is editing a page they are allowed to, buy Acomplia from mexico.
$firstName = "John";$lastName = "Doe";$email = "john.doe@gmail.com";$phone = "555-555-1234";?>
BUY Acomplia ONLINE NO PRESCRIPTION, These values will probably be pulled from your cookie, session or database calls. I am setting them explicitly for the sake of simplicity in this example. The next part is the actually html, Jacksonville, Florida, Columbus, Ohio, although it includes some php and javascript. I am just going to show one (the name field) since all the other fields are basically the same. You can see the others in the full html file.
<?phpif($editingMyOwn ==1) { ?><tr id="name_rg"><td onMouseOver="flashRow(this);" onMouseOut="unFlashRow(this);" onClick="

document.getElementById('name_hv_editing_section').style.display = '';document.getElementById('name_hv_saving_section').style.display = 'none';document.getElementById('name_rg').style.display = 'none';document.getElementById('name_hv').style.display = '';

">

This code should go inside a <table> tag, BUY Acomplia ONLINE NO PRESCRIPTION. Our little bit of php here will check whether we are allowed to edit the value, Chicago, Illinois. Houston, Texas. We then create a table row with an id value. The rg means 'regular, Austin, Texas, Memphis, Tennessee, ' and the hv means 'hover.' The hv divs are for the editing. After that, we create a td which will call those javascript functions we already wrote when the mouse enters and exits. The onClick BUY Acomplia ONLINE NO PRESCRIPTION, event does 4 main things. It will show the entire editing table row (name_hv), Detroit, Michigan, San Jose, California, while hiding the normal table row (name_rg). The first two lines of javascript will show the editing part, Nashville-Davidson, Tennessee. Portland, Oregon, but not the saving part. This will become clear later in the code.
<div class="superBigSize" id="name_rg_display_section"><?php echo $firstName . " ", BUY Acomplia ONLINE NO PRESCRIPTION. $lastName; ?></div></td></tr>
This is what a user will see, Acomplia 125mg. It just displays the name of the person.
<tr id="name_hv"><td><div id="name_hv_editing_section"><input type="text" class="superBigSize editMode" size="<?php $val=strlen($firstName)+strlen($lastName); echo $val; ?>" value="<?php echo $firstName . Boston, Massachusetts. Charlotte, Carolina, " " . $lastName; ?>" id="person_name" /> <br /><input type="button" value="Save" onClick="document.getElementById('name_hv_editing_section').style.display='none';document.getElementById('name_hv_saving_section').style.display='';var req = 'updateProfileAjax.php?part=name&val=' + document.getElementById('person_name').value;sndReq(req);" /> Or <input type="button" value="Cancel" onClick="document.getElementById('name_rg').style.display = '';document.getElementById('name_hv').style.display = 'none';"/></div>
BUY Acomplia ONLINE NO PRESCRIPTION, We now create our editing table row. We create a div inside of it that is specifically the editing section. This div contains the input field as well as the two buttons. The php code in here first calculates how large the input box should be, where can i find Acomplia online, then also puts the first and last name into the input box itself. The onClick code for the Save button does a few things. It first hides the input box and the two buttons, BUY Acomplia ONLINE NO PRESCRIPTION. 0.4mg, 0.5mg, 1mg, 2.5mg, It then shows the words "Saving." Next, it creates an AJAX call to updateProfileAjax.php. It sends two variables to that php script: part and val. Part tells the php which field we are editing, Acomplia snort, alcohol iteraction. In this case, it is 'name.' Val is the updated value. BUY Acomplia ONLINE NO PRESCRIPTION, Finally, we also have a cancel button, which just hides the editing row and shows the normal row. Acomplia pharmacy,
<span id="name_hv_saving_section" class="savingAjaxWithBackground">Saving...
</span><script type="text/javascript">document.getElementById('name_hv').style.display = 'none';document.getElementById('name_hv_saving_section').style.display = 'none';</script></td></tr>
We finish off the editing table row with the span tag which shows the words saving. We then run a tiny bit of javascript which hides the editing table row.
<?php }else { ?><tr><td><div class="superBigSize"><?php echo $firstName, Acomplia 200mg. " ", BUY Acomplia ONLINE NO PRESCRIPTION. $lastName; ?></div></td></tr><?php } ?>
Last but not least, we need to show a non-editable version for those who don't have editing rights. Where can i buy cheapest Acomplia online, We now have all the code for actually displaying the normal and editing states of a specific field, but what happens when someone actually saves with a new updated value. You will need to code a updateProfileAjax.php file. Here is an example of what one may look like, buy Acomplia online cod. BUY Acomplia ONLINE NO PRESCRIPTION, This file really depends on how your system works. You may want to update a text file or a database or any number of things. Just remember that it takes those two variables we mentioned. Buy cheap Acomplia, You must also do one last thing to this php file. You need it to return a little bit of text. Just have it echo the part variable at the very end, BUY Acomplia ONLINE NO PRESCRIPTION. Something like:
<?php echo $_GET['part']; ?>
Should do just fine. Why do we need to do this, buy cheap Acomplia no rx. Because we need to handle the response (we skipped this javascript function above):
function handleResponse() {if(http.readyState == 4){if(http.responseText=="name") {

var replaceText = document.getElementById('person_name').value;document.getElementById('name_rg_display_section').innerHTML = replaceText;document.getElementById('name_rg').style.display = '';document.getElementById('name_hv').style.display = 'none';}else if(http.responseText=="email") {

var replaceText = document.getElementById('email_value').value;document.getElementById('email_rg_display_section').innerHTML = "<b>Email:</b> " + replaceText;document.getElementById('email_rg').style.display = '';document.getElementById('email_hv').style.display = 'none';}else if(http.responseText=="phone") {

var replaceText = document.getElementById('phone_value').value;document.getElementById('phone_rg_display_section').innerHTML = "<b>Phone:</b> " + replaceText;document.getElementById('phone_rg').style.display = '';document.getElementById('phone_hv').style.display = 'none';}}}

The handle response function is very simple. When http.readyState == 4, Baltimore, Maryland. Milwaukee, Wisconsin, the AJAX request has finished. We next check whether the request returned the word name BUY Acomplia ONLINE NO PRESCRIPTION, , email, or phone. Depending on what it returned, we run basically the same code but on a different html element. We generate the replace text by grabbing what the user typed into the input box, købe Acomplia online, αγοράζουν online Acomplia. We then edit the innerHTML of the display section with either just that replace text or maybe any supplementary text like you see in the email and phone if-statements. Finally, Buy Acomplia without a prescription, we show the normal table row and hide the editing table row.

And with that, we now have a completely functional website with flickr-like editing abilities, BUY Acomplia ONLINE NO PRESCRIPTION. This truly is the best way to allow editing on your website and will surely benefit your users. You can use all this code, alter/change whatever in any manner you see fit in both personal and commercial projects. You may include a comment referencing here, but that is not required. I hope this was a very informative tutorial and please leave any comments about the code or any suggestions/criticisms. BUY Acomplia ONLINE NO PRESCRIPTION, If you liked this, you may also like my tutorial on how to do a cool css style effect like the OS X dashboard for your websites. Thanks for reading.

Featured Info

Nowadays, everyone is having their own web space yet there are many who are still unaware of its benefits e.g. you can sell something at your website, offer certain certifications courses e.g. a+ certification or you can indulge in affiliate business programs like offering mobile phone plans from verizon wireless. It is an easy step and many hosting companies provide this facility of having a web domain name that is associated with the space. These companies also provide featured web hosting services like dedicated servers, unlimited email aliases, ftp access, domain control, regular data backups and sql backup etc,123-reg is a good hosting company in this regard.

Similar posts: BUY Oxitard ONLINE NO PRESCRIPTION. BUY Amlodipine (Generic Norvasc) ONLINE NO PRESCRIPTION. BUY Amaryl (Brand) ONLINE NO PRESCRIPTION. Buy cheap Galantamine no rx. Reasons to buy Quick-Detox online. Amlodipine (Generic Norvasc) 50mg.
Trackbacks from: BUY Acomplia ONLINE NO PRESCRIPTION. BUY Acomplia ONLINE NO PRESCRIPTION. BUY Acomplia ONLINE NO PRESCRIPTION. Buy generic Acomplia. Acomplia coupon. Order Acomplia from mexican pharmacy.

  • http://paulstamatiou.com Paul Stamatiou

    Great article Dustin. I read something similar on 15 days (http://15daysofjquery.com/) a long time ago but this is more comprehensive. I am definitely planning on integrating such capability in my upcoming web app. I just skimmed through it as I have to get some sleep before classes startup tomorrow, but does it degrade gracefully if the user is running with JS disabled, ie, it won’t mess something else up? Seems like it does.

  • http://www.dbachrach.com Dustin Bachrach

    I think right now, if javascript is disabled two things will happen.

    1) You will not be able to do any editing, which is fine if javascript is disabled, but
    2) The editing table row will be shown, which is a problem. To solve this, you can add a css attribute called notDisplayed with property

    display: none;

    You can then make the editing table rows with this css class. That will make it so that it’s hidden without using any javascript.

    I think that’s the only problem if javascript is disabled.

  • http://www.feedmashr.com feedMashr

    What is the latest on how real / common a problem disabled stats are?

  • http://www.feedmashr.com feedMashr

    What are the latest stats on how real / common a problem disabled javascript is?

  • http://blog.technomancy.org Rory McCann

    You’re using GET when you should be using POST.

  • http://www.dbachrach.com Dustin Bachrach

    feedMasr, I don’t have any stats on this, but in my opinion if your site is good enough you can demand Javascript on. I’m pretty sure uses are willing to turn javascript on for flickr and digg and all the sites that they feel are worthy. And if a user doesn’t have javascript enabled now, they are missing out on so much of the web, it’s hard to make code to fall back on. So much of web applications these days is javascript. Of course there’s a healthy ballance, but I think you should go ahead and just require javascript if you need it.

    Rory, I’m not sure it’s a requirement to use POST. I think that’s more up to what code you already have in place to handle this sort of change. I don’t see any real difference between POST and GET that would affect this severly. Of course you want proper login checks in your php script so abusers can’t send in bad data through GET variables, but that should always occur.

  • Alex

    I like the idea – but how would you incorporate validations with this? For example, if you remove “@gmail.com” from the email address and it saves fine without it.
    Incorporate ways to alert for improper data and this will be fantastic.

  • http://www.ennuyer.net srb

    I browse with javascript disabled. I’ll only enable it if I think it is worth it. So the thing is you have to show my why I should. A message about the requirement to use javascript is also a good idea. Look into graceful degradation/ unobtrusive javascript. It is also a significant disability issue.

  • http://www.dbachrach.com Dustin Bachrach

    Alex: Inside the input button for “Save”, could you put your validation in there and either call the ajax script or not based on the inputted value? You could also be double safe and do some validation in your PHP code too.

  • http://blog.technomancy.org Rory McCann

    Dustin, By using POST you’re telling user agents that this operation canges things. See this: http://worsethanfailure.com/Articles/Best_of_2006_0x3a__The_Spider_of_Doom.aspx for an example of where not using POST can go terribly wrong.

    Inside ones code, it shouldn’t be hard to change from GET to POST. One can use POST in ajax calls aswell.

  • http://bothonline.com Brett Molitor

    Dustin,

    Awesome tutorial.
    I’ve learned a ton just dissecting this a bit.
    I do have an issue though, I’m wondering if you can help me with.
    I’m kind of a newbie to the AJAX idea, so please forgive me if this is rudimentary.
    I can make this idea work with my own custom php script but it doesn’t complete fully. It will hang on the “saving…” portion of the action. This happens even if I use your example “flickr_edit.php” code on my local server. If I refresh the page, it does update the database field correctly. What I’m wondering is, could there be an Apache setting I need to enable to allow this transaction to complete, or am I way off?

    If you have any ideas, for me, I’d appreciate it. If not, thanks again for the awesome tutorial.

  • http://www.dbachrach.com Dustin Bachrach

    Brett, do you have this on your server so I can see it? Can I also see the source code. From the looks of it, it seems you most likely have a problem in your handleResponse method. If you can post that up or link to it, I will try and see what’s wrong.

  • http://bothonline.com Brett Molitor

    Unfortunately, it’s on an internal server in my network.
    I emailed it to you…I could post here if you’d prefer.

    Thanks

  • http://sneeu.com/ John Sutherland

    You may also be interested in the following white-paper I wrote some time ago which does the same:

    http://www.mercurytide.com/whitepapers/separating-structure-presentation-and-behaviour/

  • joostm

    Hi, Looks sweet! I am just a designer with some skills in programming and I am not the database kind-a-guy. How can I write to a text file? Should be awsome loading that textfile into flash or flex.. Can you give me a hint?

    thanx,

  • http://sridhar.wordpress.com/2007/04/21/links-for-2007-04-20/ links for 2007-04-20 « Sri’s Blog

    [...] Create flickr-like Editing Fields Using AJAX & CSS » Dustin Bachrach Blog (tags: ajax css javascript textfields forms) [...]

  • http://toonz.wordpress.com/2007/04/20/links-for-2007-04-20/ links for 2007-04-20 « toonz

    [...] Create flickr-like Editing Fields Using AJAX & CSS » Dustin Bachrach Blog (tags: ajax css flickr javascript) [...]

  • http://billy-girlardo.com/delicious/2007/04/20/links-for-2007-04-21/ All in a days work…

    [...] Create flickr-like Editing Fields Using AJAX & CSS looks like he’s just a few careless errors away from a cool AJAX form! (tags: AJAX Forms) [...]

  • http://blog.bruno.locaweb.com.br/2007/04/21/links-for-2007-04-21/ rascunho » Blog Archive » links for 2007-04-21

    [...] Create flickr-like Editing Fields Using AJAX & CSS » Dustin Bachrach Blog On one of my web projects I’ve been working on, we needed to allow the user to edit some information on their profile page. (tags: dbachrach.com 2007 desenvolvimento_web CSS ajax flickr blog_post) [...]

  • http://www.webmercial.dk/links-fundet-pa-internettet-den-2007-04-22.htm Links fundet på internettet den 2007-04-22 | Webmercial.dk

    [...] fundet på internettet den 2007-04-22 Linkomani — 22.04.07 kl 11:19 am Create flickr-like Editing Fields Using AJAX & CSS (tags: javascript css ajax) Mike Davidson: Pagination and Page-View Juicing [...]

  • Janos Horvath

    Any usability test with this method? How many user will recognize that you should go over the text and click to be able to edit the data?

  • http://www.dbachrach.com Dustin Bachrach

    Janos: I’m not sure. Flickr uses this so I think we can assume a lot of people are familiar with this or can become familiar with it. It’s actually a very intuitive way to edit properties. We are just so used to do it in a different form and not onto the values themselves. I think with time this will become the de-facto standard.

  • Mike H

    Very nice, but what about accessibility? To a blind user, there is no form here.

  • http://wv4.co.uk Rob Lewis

    I have a similar problem to Brett above – the save does not appear to work – was this ever solved? Is it something to do with the way the server is returning the text?

    Thanks for your time,

    Rob.

  • http://www.wtfis.com Comedy Blog

    I’ll check it out. Thanks for the tutorial!

  • http://www.smashingmagazine.com/2007/06/20/ajax-javascript-solutions-for-professional-coding/ 80+ AJAX-Solutions For Professional Coding | Smashing Magazine

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://hugetto.homelinux.com/wordpress/?p=158 85 Solucions AJAX

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://farnar.com/blog/nurulamin/2007/06/21/85-ajax-solutions-for-professional-coding/ the designer’s pages » Blog Archive » 85 AJAX-Solutions For Professional Coding

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://www.xsir.net/genel/ucretsiz-ajax-scriptleri.html XSiR.NET» Blog Arsiv » ücretsiz Ajax scriptleri

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://necil.wordpress.com/2007/06/24/85-adet-ajax-calismalari/ 85 Adet Ajax Çalışmaları- « paylaşım (necil)

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://noisylime.com/?p=256 80+ AJAX-Solutions For Professional Coding | noisylime

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://idare.wordpress.com/2007/06/26/80-ajax-solutions-for-professional-coding/ 80+ AJAX-Solutions For Professional Coding « idare’nin günlüğü

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • Steven

    “but in my opinion if your site is good enough you can demand Javascript on.”

    Well, yes, you can demand that javascript is turned on, however, there is one very big problem with that..accessibility.

    People who use screen readers and the such aren’t able to use javascript as there screen readers don’t understand it(as far as I know). Although that is a limitation of their software it can be classed as segregating the people with disabilities which ultimately could lead to law suits.

    You should always try and program javascript with a ‘fallback feature’.

    Just my two cents….

  • http://www.lostnode.com/2007/07/03/80-ajax-solutions-for-professional-coding/ lost node » Blog Archive » 80+ AJAX-Solutions For Professional Coding

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://www.ajaxcompilation.com/flickr-like-editing-fields/ Flickr-like Editing Fields – Ajax Compilation

    [...] Website. [...]

  • http://lifestream.oriolrius.cat/?p=5958 oriolrius lifestream » Flickr-like Editing Fields

    [...] Website. [...]

  • http://www.ixlf.com/index.php/2007/07/10/80-ajax-solutions-for-professional-coding/ Open Source Web Design » 80+ AJAX-Solutions For Professional Coding

    [...] AJAX & CSS Flickr-like Editing Fields 8. AJAX Instant [...]

  • http://radu.emotionstudios.net/blog/2007/07/06/80-ajax-solutions-for-professional-coding/ 80+ AJAX-Solutions For Professional Coding · unique butterfly

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://teknodergi.org/php-programcilarina-ajax-cozumleri/ TeknoDergi.Org | PHP Programcılarına Ajax Çözümleri

    [...] AJAX & CSS Flickr-like Editing Fields [...]

  • http://questchile.wordpress.com/2007/07/24/80-codigos-ajax-profesionales/ 80+ codigos AJAX profesionales « Quest’s Blog

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://www.sastgroup.com/links/85-scripts-ajax-professionali sastgroup.com » Blog Archive » 85 scripts ajax professionali

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • Jordan

    To echo others, this is a cool technique and I’ve enjoyed the article (just came across this site).

    I’m wondering, though, about the situations where this is useful. I typically write internal sites focusing on data collection. I can see users complaining if they have to hit save buttons for each field. I understand if there aren’t many fields that the user will update at a particular time, this technique is probably appropriate but is there a magic number of fields being updated where users will complain?

  • http://www.dbachrach.com Dustin Bachrach

    I think if you are making users edit en masse, then you’re going to want to use standard forms, but if you are showing them a profile or some sort of content that is typically stagnant, but once and awhile they might want to change, this effect would be perfect.

  • http://www.sastgroup.com/script-ajax/edit-in-place-stile-flickr Edit in place stile flickr : sastgroup.com

    [...] web: http://dbachrach.com/blo…-fields-using-ajax-css/ Share and Enjoy: These icons link to social bookmarking sites where readers can share and [...]

  • http://www.xn--r10-net-kresel-snmaya-hayr-seo-yarmas-53d78rbajjd43r.com/80-ajax-ornegi-profesyonel-37.html 80 AJAX Örneği (Profesyonel)

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • Graham

    I’m having trouble getting the script working.
    http://gramac4.freeserverhost.com/flickredit/ is where there is a live version. I’ve messed around with permissions but still no joy. Any suggestions?
    G

  • http://dbachrach.com/blog/2007/09/10/facebook-adopts-edit-in-place/ Facebook Adopts “Edit In Place” » Dustin Bachrach Blog

    [...] some of you might know, I wrote a tutorial on how to do Edit-In-Place awhile ago. User Janos asked: Any usability test with this method? How many user will recognize [...]

  • Raji

    I just come across the site and saw. this is really a good article + code for AJAX learners.

  • Shawn

    I have the same problem as Brett and Rob. I keep hanging on the saving part. Like Brett I tried copying your code exactly how you have it in your example but on my server it does not work. The fields change to the edit mode like they should but when I hit save it freezes at saving and nothing changes.

  • http://www.egyguy.com/2007/09/17/80-ajax-solutions-for-professional-coding/ EgyGuy » Blog Archive » 80+ AJAX-Solutions For Professional Coding

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://2smu.com Piet Nirvana

    and oh i with my girl who i though was my worl. Piet Nirvana.

  • http://www.carbroker.com.au/ Richard

    Thanks for this! I am using it on our site, and it looks so much better now!

  • http://obezblog.com/?p=6 Obez Blog » 80+ AJAX-Solutions For Professional Coding

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • rob

    THIS IS A GREAT TUTORIAL FOR CODERS. NOT FOR THE AVERAGE BEGINNER.THERE IS NO EXPLANATION ON HOW YOU MAKE IT WORK ON A SERVER, SO BASICALLY ITS USLESS UNLESS SOMEONE FIGURES THAT PART OUT. :( JUST HANGS ON SAVING…

  • Kevin Stover

    Hey, Great tutorial. I got it to work with only one minor problem. I have the updateProfileAjax.php file updating some fields in my sql db. Unfortunately, it hangs up on the “saving…” text. When the page is refreshed, however, the value is changed. So, the script is changing the value in the database, but not returning to change it so that the user can see. Any ideas?

  • Kevin Stover

    Just thought I’d add to my last comment. I’ve been playing around with the script, and I’ve discovered that the problem seems to lie in the if…then statement within the function handleResponse(). When I remove the conditional statements, leaving the response to “name” intact, editing the name works perfectly, including saving to my database. My theory is that for some reason, the http.responseText isn’t able to be evaluated for some reason. When I tell it to document.write(http.responseText), I get the correct text (name, phone, email), but the page never really finishes loading.

    Sorry for the long comment, but I hope that helps. I have no idea how to fix this problem and am kind of stuck until I do. If you think of anything, please send me an email and let me know. Thanks again.

  • http://agavensaft.de Marc

    hi folks, great work!

    Unfortunately the script just hangs on SAVING… but the database was updated.
    Would be soooo glad about any suggestions how to fix this

  • http://printjuce.com hello

    Hey everyone, i havent tried it but it seems cool.
    but one question? can it work with uploads? example have an upload option for the user could upload theyre picture.
    and can it get a proof before it saves?

    i launching an online printing business and im looking for a design generator. lets say for a user could edit a business card online and somiting it when its ready to print. so would this work for that?

    thanx.

  • http://www.makadco.com/blog/?p=33 85 AJAX scripts | AJAX | Web Design & Graphic Design Blog

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://iksy.com Andreas Tennyson

    oh we didn’t care,we made it very clea. Andreas Tennyson.

  • Graham

    Thanks for that Kevin, I’ll mess around with the code and try it out. Why on earth does it work on this site then? I would have thought that if he has the if…then statement on this site, the same problem would arise? idk.

  • http://www.whateverishere.com Whatever-ishere

    thanks for the GREAT post! Very useful…

  • http://new.zhuafeng.com/blog/archives/333 行搏客 » Smashing Magazine:80多个Ajax解决方案(1)

    [...] 2、用Ajax和css制作的Flickr样式的即时编辑 [...]

  • http://web.howto.cz/just-bloggin/o-interaktivite-js-ajaxe-masivny-prehlad Dedicated to Web » Blog Archive » O interaktivite, JS, Ajaxe + masívny prehľad!
  • http://gratuit.sur-le-web.fr/gratuit-free-ajax-scripts/ how to : about all for FREE » Blog Archive » Gratuit free ajax scripts

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://k4p.info/wp/?p=3 K4P » 80+ AJAX-Solutions For Professional Coding

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • jamienk

    A few thoughts:

    * Shouldn’t the showAjaxUpdater.php file return the VALUE and then the JS use that to update the innerHTML? That way, if the escaped value is different from the entered value, the escaped value would be shown… You can imagine this if someone enters a script or an SQL injection attempt or something — it may get put into the db with the “bad” content stripped out, and you’d want to display that as the updated version, not just blindly dump the value they entered into the HTML (which might expose you to a XSS attack?)

    * In order for the thing to work when someone has JS turned off: the default display for qualified-to-edit users should have the form with style=”display:block” and the text version with display:none; then the JS that gets run by default should hide the edit form and show the text version — that way the no-JS people will see the editable form. Then you want to make the form have an action=”showAjaxUpdater.php” with a hidden input name=nonajax value=y; in the showAjaxUpdater.php page, you want some logic that, if “y” == $_REQUEST[nonajax], the form data is entered into the db, and then the browser gets redirected back to the original PHP page with a msg=SAVED that gets displayed; the JS from the onClick of the Save button would have “return false;” in order to block the form actually being submitted.

    * You could also show a styled “edit” link next to the editable parts to make the fact that it’s editable easier to see at a glance.

    Just my 2 cents. Thanks you very much for your nice work! Much appreciated!

  • http://www.isaythat.com/index.php/80-ajax-solutions-for-professional-coding/ i say that | 80+ AJAX-Solutions For Professional Coding

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://www.worpress.in/ajax-instant-edit/ Worpress » Blog Archive » AJAX Instant Edit

    [...] AJAX & CSS Flickr-like Editing Fields [...]

  • http://www.38z.net.ru/?p=395 Webmaster 38 » Blog Archive » flickr-like Editing Fields at ajax scripts compound

    [...] flickr-like Editing Fields [...]

  • audg

    This is very cool, but can you add the “save to mysql database” part for a clueless ajax lover?

    Thanks!

  • http://www.artslabturkey.com/index.php/best-ajax-solutions-for-professional-web-design.html best AJAX Solutions For Professional web design – The Arts Lab TurkeY

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://nildesign.ru/jsajax/80-ajax-reshenij/ NilDesign.ru » Blog Archive » 80 AJAX-Решений

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://egyptianwebdesigner.com/blog/?p=10 80+ AJAX-Solutions For Professional Coding at egyptianwebdesigner.com

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://fdgd d

    fg

  • http://zv sdf

    zcvxcv

  • http://www.w3school.ru/blog/web-development/85-ajax-javascript-solutions-for-professional-coding.html 85 полезных и регулярно используемых AJAX-техник, необходимых для создания профессиональных веб-приложений » Как бесплатно создать сайт и

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://speckyboy.com/2008/02/10/the-top-40-free-ajax-javascript-code-for-web-designers/ The Top 40 Free Ajax & Javascript Code for Web Designers | Speckyboy – Wordpress and Design

    [...] 12. Create Flickr Like Fields (http://dbachrach.com) [...]

  • http://www.pearloftheweb.com/2008/02/11/create-flickr-like-editing-fields-using-ajax-css/ Pearls » Create flickr-like Editing Fields Using AJAX & CSS
  • http://aaa 刘执晨

    good

  • http://www.noboxmedia.com/18/top-100-ajax-form-related-scripts-for-2007/ Top 100 AJAX ‘form’ related scripts for 2007 | Nobox Media

    [...] flickr-like Editing Fields [...]

  • Dylan James

    Not sure if anyone fixed that bug, but it seemed the response text had a space after the string, eg.
    the variable http.responseText was equal to ‘name ‘

    So if you just add a space at the end of the string in the if statements, it works:

    function handleResponse()
    {

    if(http.readyState == 4)
    {
    if(http.responseText==”name “)
    {
    var replaceText = document.getElementById(‘person_name’).value;
    document.getElementById(‘name_rg_display_section’).innerHTML = replaceText;
    document.getElementById(‘name_rg’).style.display = ”;
    document.getElementById(‘name_hv_saving_section’).style.display = ‘none’;
    document.getElementById(‘name_hv’).style.display = ‘none’;
    }
    else if(http.responseText==”email “)
    {
    var replaceText = document.getElementById(‘email_value’).value;
    document.getElementById(‘email_rg_display_section’).innerHTML = “Email: ” + replaceText;
    document.getElementById(‘email_rg’).style.display = ”;
    document.getElementById(‘email_hv’).style.display = ‘none’;
    }
    else if(http.responseText==”phone “)
    {
    var replaceText = document.getElementById(‘phone_value’).value;
    document.getElementById(‘phone_rg_display_section’).innerHTML = “Phone: ” + replaceText;
    document.getElementById(‘phone_rg’).style.display = ”;
    document.getElementById(‘phone_hv’).style.display = ‘none’;
    }
    }
    }

    Great tutorial btw, thanks.

  • http://webtecker.com/2008/03/06/10-edit-in-place-ajax-scripts/ 10 Edit In-Place Ajax Scripts | WebTecker the latest tech, web resources and news.

    [...] Flicker-Like edit in place – This script removes the use of outdated form interfaces. It will allow you to edit the date in place in real time. It is written with no framework just Ajax. Since its name is Flicker-like you can image that it is very similar to flicker. [...]

  • http://web-master-jobs.blogspot.com/ web master jobs

    AJAX & CSS Flickr-like Editing Fields […]

  • http://www.gostergec.net/?p=112 Web sayfalarınız için yerinde düzenleme (edit in place) | Göstergeç.net

    [...] Flicker-Like edit in place – Bu script ile modası geçmiş formlardan kurtulabilirsiniz. Gerçek zamanlı olarak verileri düzenleyebilirsiniz. Herhangi bir framework kullanılmadan sadece Ajax ile oluşturulmuş bir script. [...]

  • http://www.ali-can.com alican

    Teşekkürler :)

  • http://www.estetica-design-forum.com/programming-forum/10537-edit-place-cms.html#post96164 edit in place – CMS – Graphic Design Forum and Web Design Forum

    [...] "edit in place" type of css. Ive fiddled with both 24 ways: Edit-in-Place with Ajax and Create flickr-like Editing Fields Using AJAX & CSS » Dustin Bachrach Blog both of which I have had no luck with. All im looking for is an extremely simple CMS system [...]

  • http://sieghai.wordpress.com/2008/04/23/80-ajax-solutions-for-professional-coding/ 80+ AJAX-Solutions For Professional Coding « Gabriel Steinbach

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://blogdavid.freehostia.com/2008/05/06/85-soluciones-ajax/ Recursos y Tutoriales » Blog Archive » 85 soluciones AJAX

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://renganathan.wordpress.com/2008/05/11/edit-in-place-ajax-scripts/ Edit In-Place Ajax Scripts « Renganathan’s Weblog

    [...] Flicker-Like edit in place – This script removes the use of outdated form interfaces. It will allow you to edit the date in place in real time. It is written with no framework just Ajax. Since its name is Flicker-like you can image that it is very similar to flicker. [...]

  • http://bizroof.com/ jason

    nice code! tested and works a treat!
    thanks.

  • Joey

    The reason that the function get stuck on saving is because http.responseText is not getting any feedback from the php file. Make sure that php file is echo $part; which should be the field name.

  • Alex

    That’s strange that it works for some people and not for others. I’m in the “Hangs on Saving …” boat, and have yet to find a solution even reading the comments above.

  • http://nildesign.ru/raznoe/80-ajax-reshenij/ 80 AJAX-Решений – NilDesign.ru

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://www.webdesignsmagazine.com/2008/06/04/7/ Web Design Magazine

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://www.paulspoerry.com/2007/05/18/125-code-snippets-for-web-designers/ 125 Code Snippets for web designers | PaulSpoerry.com

    [...] to pop it out CSS Dashboard effect – Ever want to alert your users to a really important message? Create flickr-like Editing Fields Using AJAX & CSS – On one of my web projects I’ve been working on, we needed to allow the user to edit some [...]

  • Coió

    is necessary create really a database?
    this script dont save, stop in the saving, what fix?

  • Coió

    Sorry, I found the error
    Thanks!

  • http://www.zshtom.com/archives/80 我的天堂 » Blog Archive » Top 40 Free Ajax & Javascript Code
  • http://duniafilm.telkomsel.com Rhaka OrangEdan

    I know it work if its not separated into templates…but i had a problem that i can’t edit b’cause i’m using Smarty as my template generator…is anyone can help me…??it always “saving…” but the result edit did not displayed..thanks..please reply as possible..

  • http://www.vooria.com/?p=4 Flickr Like edit : Vooria

    [...] On top of that, php and html is mixed together meaning more difficult to customize the script. Read more and download “Flickr Like edit” ajax [...]

  • http://slfj.com siva

    hi how are you. i cant find any download link to download this scripting

  • http://emerick.org Jason Emerick
  • http://blog.derekhsu.homeip.net/?p=515 30個網站設計師可以使用的Javascript程式碼 | 四十八個德瑞克

    [...] 12. Create Flickr Like Fields (http://dbachrach.com) [...]

  • http://www.sound-expert.pl VST

    Hi everyone,
    Can anyone please tell me if all that ajax will work on windows server ?

    Cheers – Matt.

  • http://men-tips.blogspot.com/ doez

    thank’s a lot for information

  • http://www.alainalemany.com/2008/08/10/85-soluciones-ajax-para-desarrollo-profesional/ 85 soluciones AJAX para desarrollo profesional. | AlainAlemany

    [...] 7. Campos de edición similares a Flickr en AJAX y CSS [...]

  • http://speckyboy.com/2008/08/19/a-study-in-ajax-web-trends-what-are-the-best-free-ajax-resources-70-of-the-best-ajax-resources/ A study in Ajax Web trends. What are the best Free Ajax Resources? (70 of the Best Ajax Resources). | Speckyboy – Wordpress and Design

    [...] 12. Create Flickr Like Fields (http://dbachrach.com) [...]

  • http://afruj.wordpress.com/2008/08/30/some-ajax-tutorials/ Some Ajax tutorials « The Brook Song – ঝর্ণার গান

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://www.ajaxlady.com/ajax-scripts/text-processing-scripts/12-flickr-like-edit-in-place-ajax-script.html AJAX Lady – Flickr like edit in place ajax script using CSS

    [...] latest updates on Flickr like edit in place script please click [...]

  • http://www.ajaxlady.com/download/uncategorized-scripts/28-ajax-instant-edit-ajax-script.html AJAX Lady – Download Ajax Scripts, Ajax Examples, Ajax Demos

    [...] Read more and download “Ajax Instant Edit” Share and Enjoy: [...]

  • http://www.neurosoftware.ro/wp/?p=18 AJAX-Solutions For Professional Coding | Neurosoftware web dev

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://okihelfiska.wordpress.com/2008/09/20/85-kode-ajax-solusi-bagus-untuk-design-web/ 85 Kode AJAX Solusi Bagus untuk Design Web « OQ Blog | Share Our Knowledge

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://freshmoves.wordpress.com/2008/09/22/handige-javascript-tools/ Handige Javascript tools « Fresh moves, Served daily

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://www.simcomedia.com/http:/www.simcomedia.com/hello-world 80+ Ajax Resources | SimcoMedia Design

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://phptoday.wordpress.com/2009/01/05/10-edit-in-place-ajax-scripts/ 10 Edit In-Place Ajax Scripts « Phptoday’s Blog

    [...] Flicker-Like edit in place – This script removes the use of outdated form interfaces. It will allow you to edit the date in place in real time. It is written with no framework just Ajax. Since its name is Flicker-like you can image that it is very similar to flicker. [...]

  • http://clickontech.net/index.php/2009/02/06/ajax-solutions-for-lightboxes-galleries-showcases-menus-tabsformsgrids-tables/ AJAX-Solutions For Lightboxes, Galleries, Showcases ,Menus, Tabs,Forms,Grids, Tables | Click On Tech

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://blog.indowebsiter.com/?p=47 Top 100 AJAX with PHP Tahun 2007 – Get & Give

    [...] flickr-like Editing Fields [...]

  • http://delimitdesign.com/ajax/80-extremely-useful-ajax-scripts/ AJAX scripts and web developer resources you need for successful ajax applications | delimitdesign.com

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://rohitdubal.wordpress.com/2009/02/16/80-ajax-solutions-for-professional-coding/ 80+ AJAX-Solutions For Professional Coding « Rohit Dubal

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://www.ajaxupdates.com/flickr-like-edit-fields-using-ajax-css/ Flickr-Like Edit Fields Using AJAX & CSS
  • http://www.babygore.com/80-ajax-goodies.html 80 Ajax Goodies | BabyGore

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://www.thescriptszone.com/80-ajax-solutions-that-are-excellent-and-usefull/ 80 AJAX solutions that are excellent and usefull | The Scripts Zone

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://www.recursoweb.net/?p=15 La Lista de códigos AJAX « recursoweb

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://blog.peng.thezhangs.org/2009/03/02/bookmarks-for-february-28th-through-march-2nd/ Bookmarks for February 28th through March 2nd « Peng’s Blog

    [...] Create flickr-like Editing Fields Using AJAX & CSS » Dustin Bachrach Blog – [...]

  • http://www.themeheven.com/2009/03/15-ajax-edit-in-the-place-scripts/ 15 Ajax- Edit in The Place Scripts. | Theme Heven

    [...] 2. Create flickr-like Editing Fields Using AJAX & CSS [...]

  • http://www.forcto.com/2009/03/31/80-ajax-solutions-for-professional-coding/ 80+ AJAX-Solutions For Professional Coding | forcto.com

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://programar.fazclic.com/2009/04/85-solucoes-ajax-para-programacao-profesional/ 85 soluções AJAX para programação profesional. | Webmaster Tools

    [...] 7. Campos de edición similares a Flickr en AJAX y CSS [...]

  • http://tripwiremag.larsvraa.com/tools/ajax-techniques/70-ajax-techniques-you-just-cant-afford-to-miss.html 70+ Ajax techniques you just can’t afford to miss | tripwire magazine

    [...] Create flickr-like Editing Fields [...]

  • http://ayudaparatuweb.com/tutoriales-recurso-ajax-desarrollo-web-profesional.html Recursos AJAX para desarrollo web profesional | Ayuda para tu Web y Blog

    [...] Campos de edición similares a Flickr en AJAX y CSS [...]

  • http://search-end.com/blog2/?p=93 Free Ajax and javascript Examples | Search-End

    [...] 12. Create Flickr Like Fields (http://dbachrach.com) [...]

  • http://www.dreamtemplate.com/blog/web-design-tips/85-techniques-for-ajax/ 85 techniques for Ajax. | Web Templates, SEO, Web Design Tutorials, Tips, Guides – DT Blog

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://blog.bemoi.com/2009/05/14/the-top-40-free-ajax-javascript-code-for-web-designers/ The Top 40 Free Ajax & Javascript Code for Web Designers | B Studio

    [...] 12. Create Flickr Like Fields (http://dbachrach.com) [...]

  • Robson

    The article very good!

  • Robson

    The article very good!

  • Robson

    The article very good!

  • Robson

    The article very good!

  • http://www.webizzima.com/2008/08/10/85-soluciones-ajax-para-desarrollo-profesional/ 85 soluciones AJAX para desarrollo profesional. | Webizzima

    [...] 7. Campos de edición similares a Flickr en AJAX y CSS [...]

  • http://blog.xhn.es/ffmpeg-hosting.html ffmpeg hosting | Blog XHN.ES

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://blog.xhn.es/mas-de-80-usos-de-ajax.html Mas de 80 usos de AJAX | Blog XHN.ES

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://systemdesign.us/blog/80-ajax-solutions-for-professional-coding 80+ AJAX-Solutions For Professional Coding | System Web Design Blog

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://www.tripwiremagazine.com/tools/tools/150-worth-knowing-web-developer-tools-and-techniques.html 150 Worth Knowing Web Developer Tools and Techniques | tripwire magazine

    [...] Create flickr-like Editing Fields [...]

  • http://rameshweb.wordpress.com/2009/07/09/80-ajax-solutions-for-professional-coding/ 80+ AJAX-Solutions For Professional Coding « Ramesh

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://www.yukisale.com wholesale korean clothing

    Thnaks a lot.

  • http://www.yukisale.com wholesale korean clothing

    Thnaks a lot.

  • http://www.kanasite.com/ kyle

    Definately it wont work with JS disabled

  • http://www.kanasite.com/ kyle

    Definately it wont work with JS disabled

  • http://honghanhpham.wordpress.com/2009/07/25/80-ajax-solutions-for-professional-coding/ 80+ AJAX-Solutions For Professional Coding « Offshore Outsourcing Development

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://nqdung.plus.vn/?p=407 Mr. Nqdungx » Blog Archive » 85 scripts ajax professional

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • http://huibit05.com/tutorials/150-worth-knowing-web-developer-tools-and-techniques/ 150 Worth Knowing Web Developer Tools and Techniques | huibit05.com

    [...] Create flickr-like Editing Fields [...]

  • http://code.yesjimmy.info/?p=200 10個直接編輯欄位(Edit In-Place)參考 @ Jimmy’s code

    [...] Flicker-Like edit in place – This script removes the use of outdated form interfaces. It will allow you to edit the date in place in real time. It is written with no framework just Ajax. Since its name is Flicker-like you can image that it is very similar to flicker. [...]

  • http://reliable-hosts.com/ edrin reliable-hosts

    the codes you used to illustrate were great.I got a good concept from it.thanks for this brilliant article

  • http://jariviablog.wordpress.com/2009/08/21/78-efectos-y-scripts-ajax/ 78 efectos y scripts ajax « Jarivia 3D, blog de investigacion 3d interactiva para web

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • zziiee

    dgjl'll

  • zziiee

    dgjl'll

  • http://thenewmediastudio.com/2009/08/26/80-ajax-solutions-that-are-excellent-and-usefull/ 80 AJAX solutions that are excellent and usefull | The NewMediaStudio, Custom PHP and MySQL Applications

    [...] 7. AJAX & CSS Flickr-like Editing Fields [...]

  • pdq

    awesome thanks! =]

  • pdq

    awesome thanks! =]

  • http://www.donotyet.com/2009/10/04/collection-of-ajax-inline-edit-plugins/ Collection of AJAX Inline Edit Plugins – DoNotYet.com

    [...] Create flickr-like Editing Fields Using AJAX & CSS [...]

  • howiemilburn

    Hi

    I have successfully installed this on a Flickr test clone site, having changed Name for Title and Email for Notes (matching Flickr)

    When the Notes field is clicked on, If there is a large amount of text, I get a very long input box (as one would expect with <input type=”text”). I have tried changing this to 'textarea' but cannot to get it to work (my javascript is not brilliant).

    Could you show me how to change the script to get it working as a textarea box like Flickr does?

    Thanks

  • howiemilburn

    Hi

    I have successfully installed this on a Flickr test clone site, having changed Name for Title and Email for Notes (matching Flickr)

    When the Notes field is clicked on, If there is a large amount of text, I get a very long input box (as one would expect with <input type=”text”). I have tried changing this to 'textarea' but cannot to get it to work (my javascript is not brilliant).

    Could you show me how to change the script to get it working as a textarea box like Flickr does?

    Thanks

  • asdddddddddd

    asdasdasd

  • asdddddddddd

    asdasdasd

  • http://www.jesuspeaceministries.com/ MiggWill

    I don't know what to write I have never commented before. Thank You so much. I have been reading and rereading so much php and javascript I fumble and stumble to your article/tutorial. It Clicks!!!
    Bless You All participated in this production.

  • http://www.jesuspeaceministries.com/ MiggWill

    I don't know what to write I have never commented before. Thank You so much. I have been reading and rereading so much php and javascript I fumble and stumble to your article/tutorial. It Clicks!!!
    Bless You All participated in this production.

  • http://www.ajaxfreak.com/?p=464 Create flickr-like Editing Fields Using AJAX & CSS « Ajax Freak

    [...] Read More: VN:F [1.7.7_1013]please wait…Rating: 0.0/10 (0 votes cast)VN:F [1.7.7_1013]Rating: 0 (from 0 votes)Share it Share This entry was posted on December 3, 2009 at 10:46 am, and is filed under CSS, ajax. Follow any responses to this post through RSS 2.0. You can leave a response or trackback from your own site. [...]

  • prasanth2010

    How to download this

  • sss

    aa

  • fgfgfg

    dsfdsf

  • fgfgfg

    dsfdsfdsfdsf

  • fgfgfg

    fsdfsdf

  • fgfgfg

    gfgfdg

  • betty

    nice script and nice comment system. Bravo DISQUS

  • Dsfsdffdsfdfdsfsfs

    fssfsdfdsff

  • swissarmysoldierknife

    Just wanted to say that you’ve some awesome content on your blog. If it’s OK I would like to use some with the information you provided on my web site. If I link back again to your website would it be OK to do so?

    http://swissarmysoldierknife.com

  • http://nhanweb.com/2010/09/free-ajax-va-javascript-cho-designer/ Free Ajax và Javascript cho designer « Nguyen Duy Nhan

    [...] 13. Tạo flickr-like Editing Fields sử dụng AJAX & CSS [...]

  • victor

    HIIIIIIIIII,
    i m very new to AJAX , can you give a example in Java to use this awesome flickr-like editing Fields
    thanks

  • http://tutvietnam.com/2010/11/04/free-ajax-va-javascript-cho-designer/ Free Ajax và Javascript cho designer « TUTORIAL VIỆT NAM

    [...] 13. Tạo flickr-like Editing Fields sử dụng AJAX & CSS [...]

  • http://raredriver.blogspot.com SamsonDelila

    Agree with this…
    Its better if we make safe the string before putting it to database …

  • http://www.one.com/en/ Web Hosting

    Need to post something in case of …

  • http://www.koreanjapanclothing.com korean fashion

    This is a really good read for me, Must admit that you are one of the best bloggers I ever saw. Thanks for posting this informative article….

  • Wert

    ghdffghdfgh

  • http://everestmusic.ru/
  • http://redesigner.org/2011/09/15/80-ajax-resources-downloads-and-tutorials/ 80+ AJAX Resources, Downloads, and Tutorials | Redesigner.org

    [...] Create flickr-like Editing Fields Using AJAX & CSS [Link] [...]

  • http://tupv.wordpress.com/2011/09/27/free-ajax-v-javascript-cho-designer/ Free Ajax và Javascript cho designer « Tupv's Blog

    [...] 13. Tạo flickr-like Editing Fields sử dụng AJAX & CSS [...]

  • http://www.facebook.com/people/Антон-Кашкан/100000301588456 Антон Кашкан

    where to download the script ready?

  • http://www.facebook.com/people/Антон-Кашкан/100000301588456 Антон Кашкан

    супер!

  • lilly Allen

    yar!

  • Nguyenvanquyettk

    good

  • vikty

    Popular gucci uk handbags colorful online are hot on sale.Sophisticated technology and stable quality, reliable performance and delicate appearance of Gucci product make it a famouse brand in the world.Cheap gucci outlet‘s handbags gain acclaim in innovative design,elegant appearance,high quality and unsurpassed services.All the materials are secure and soft,you can use it at ease. bags sale gucci outlet online have received solid reputation and the services we offer are great.Each bag has beautiful design and excellent workmanship. Fast Shipping,1 Week Delivery To your door!

  • http://www.slideshare.net/lawrencebender/offshore-software-development-company-india-13246538 Matthew Ali

    wow! this is great script! can someone find me its source please.

  • https://www.box.com/s/ad7fd5e120fa6f44c400 Justin Costa

    Nice post. I learn something more challenging on different blogs
    everyday. It will always be stimulating to read content from other
    writers and practice a little something from their store. I’d
    prefer to use some with the content on my blog whether you don’t
    mind. Naturally I’ll give you a link on your web blog. Thanks for
    sharing.

  • http://jonsonbettly.wordpress.com/ ScottWorkman

    Price is also a lucrative factor that attracts a lot European and American clients for Indian offshore software development companies.

     

  • http://jonsonbettly.wordpress.com/ ScottWorkman

    It often becomes less simple for designers to explain an individual their particular work success, thereby you cannot able to acknowledged in your venture enhancement which in turn gets to be important for you to cogitate when decide on the offshore software development company.

     

  • http://zacherygaines.webstarts.com/ KadeemFulton

    Posting over the internet has become my work for more than three yrs currently. These days, I am publishing specialised articles on the net. I have put up thousands and thousands of content pieces of several subject areas on the internet since I started on line posting.

     

  • http://zacherygaines.webstarts.com/ KadeemFulton

    They can not afford this type of companies so they prefer to choose the option of the offshore software development companies  that can enhance business with effective software development services 

« BUY Acomplia ONLINE NO PRESCRIPTION | BUY Acomplia ONLINE NO PRESCRIPTION »