Webdevelopment

jQuery Tools - The missing UI library for the web

JQuery has a lot of very nice plugins, so was jQuery Tools really to be missed? There is already a UI extension, but jQuery Tools provides the most common UI effects used on (Web 2.0) websites in one single plugin. It features:
  • Tabs
  • Tooltips
  • Overlays
  • Scrollables
  • Flash embedding
All effects can be combined, for example to create an artist's portfolio. Well, all these effects can also be archived by using an already existing plugin from the plugin repository, but here you got it as one single package of just 5.8 Kb! And the effects are damn good looking. The guys who developed the flowplayer too made a fantastic job. jQuery Tools is compatible with all common browsers and is published under GPL2 and MIT Licence. Via: tagdocs.de

Using the Enter key to submit a form in Internet Explorer does not send button name and value

I just stumbled across another strange Internet Explorer bug when it comes to input fields and forms. One of the most common requirements when coding a cultural heritage website with a database backend is to implement a so-called "google search". One input field, hit run and go. In PHP i'm used to check if the name of the hit button and it's value is set inside the POST-array. So if there is a form like this one ... <form id="searchform" action="index.php"> <input type="text" size="40" name="term" value=""/> <input type="submit" name="submit" value="Search"/> </form> ... I expect that after hitting return I have this $_POST array available in PHP: Array ( [term] => mySearchTerm [submit] => Search ) Afterwards you can do something like this in PHP to test if a and which form has been submitted: if (isset($_POST['submit']) { ... do something } This is especially useful if there are more than one form on the initial page. This will work with all common browsers, but sadly this is not true when using the Internet Explorer! You will get this array if you are using the mouse to click on the submit button. But when you hit return to submit the form you will get this array: Array ( [term] => mySearchTerm ) How cuckoo is that? What did they think in Redmond by implementing this behaviour or did they think at all? With the help of almighty Google I finally found a work-around which is described in this blog post by Richard Szalay. He deals with ASP.NET, but the problem and the solution are the same for other environments, because it's actual a problem on the HTML level. The described behaviour only occurs in IE when there is only one input field in a form and you submit this form by hitting the return key. If there are 2 or more input fields, IE acts the same way as other browsers. So the workaround is to add a second hidden input field to the form for IE only and disable it. A typical form would then look like this: <form id="searchform" action="index.php"> <input type="text" size="40" name="term" value=""/> <input type="submit" name="submit" value="Search"/> <!--[if IE]><input type="text" style="display: none;" disabled="disabled" size="1" /><!--> <input type="submit" name="submit" value="Search"/> </form> Using this workaround, IE will always submit the send button too, wether the return key is used or not. The if-statement is a conditional comment to assure that this tag is added in IE only. The attributes are added to reliably hide this input in css and non-css browsers.

Xenocode - the most common browsers at your fingertips

Xenocode, a leader in application virtualization and delivery technology from Seattle, created an interesting showcase for his application virtualisation technology called the Xenocode Browser Sandbox. They took instances of the most common browsers today and wrapped each of them up in a virtual sandbox. The browser and the sandbox are packed inside a Windows execute-file which can be run without installing. Best of all, it is free to download! At Xenocode one can download packed version of Microsoft's Internet Explorer. Version 6 is available as well as the brand-new beta of Version 8. Mozilla's Firefox, Opera, Apple's Safari and even Google's Chrome are available too. Simply double-click the exe-file and the selected browser starts without installing anything, and it looks like a normal desktop application. All browsers can be run simultaneously , which makes it very useful for testing webpage's browser compatibility. So if you are into web development (and a Windows User) you should definitely check it out.
Syndicate content