background preloader

Webdesign

Facebook Twitter

W3Schools Online Web Tutorials.

jQuery

CSS-Tooltip. Auch mit reinem CSS ist es möglich eine Infobox oder Tooltip zu erstellen.

CSS-Tooltip

Mit ein wenig Probieren bekommt man die tollsten Effekte! Die Beispiele können und sollen nach eigenen Bedürfnissen angepasst werden, z.B. den Rahmen oder die Hintergrundfarbe ändern. Es gibt sicherlich viele verschiedene Möglichkeiten einen Tooltip anzuzeigen. Zwei potentielle möchte ich kurz vorstellen: den relativen und absoluten Tooltip. relativ - heiß hier, dass die Anzeige des Tooltips abhängig von der Position des Textes ist, d.h.

Hier geht es weiter!. Absolut - heiß hier, dass die Anzeige des Tooltips abhängig von der Position der Elternelements ist, z.B. bei einem Menü erscheint der Tooltip immer an der gleicher Stelle zum Elternelement. Der Code dazu sieht so aus: [View] [Download] Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen. Allgemeines zur Positionierung und Anzeige von Elementen Ab der CSS-Version 2.0 gibt es verschiedene Eigenschaften, um Elemente einer WWW-Seite exakt im Anzeigefenster des WWW-Browsers zu positionieren und die Position von Elementen untereinander genau zu kontrollieren.

Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen

AJAX

JavaScript. PHP. Create a new Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS) MooTools - a compact javascript framework. Ext JS - Client-side JavaScript Framework. Ext JS 4 lets developers deliver on an incredible variety of browsers and on more operating systems using the same code — over ten years of browsers in one release.

Ext JS - Client-side JavaScript Framework

On modern browsers, Ext JS 4 utilizes HTML5 features and falls back to alternatives on older browsers. Whether you’re using Ext JS’ built-in UI components, using the Charting package, or theming your application, Ext JS 4 makes it easy to build an app that gives you the power of the web regardless of what browser your customer uses. Ext JS supports all major web browsers including: Internet Explorer 6+ Firefox 3.6+ (PC, Mac) Safari 4+ Chrome 10+ Opera 11+ (PC, Mac) Unbeatable JavaScript Tools. Getting the selected ID from a Dojo ComboBox « SOS. Posted by Shane O'Sullivan on July 30, 2006 While fiddling around with the Dojo ComboBox widget today, I noticed that while it does support name-value pairs, it doesn’t provide an explicit way of getting back the “value”.

Getting the selected ID from a Dojo ComboBox « SOS

For example, if you provide it with the JSON object: you can use the ComboBox’s getValue() function to retrieve the names “Pat” and “Mary”, but not the second value, which is generally what you really want. So, FYI, to get the value, get a handle to the ComboBox, and retrieve it’s comboBoxSelectionValue.value attribute. For example, given a ComboBox with a widgetId of “myCombo”, use var selectedId = dojo.widget.byId(‘myCombo’).comboBoxSelectionValue.value; Alternatively, and possibly simpler, you can set the setSelectedValue attribute on the div when you’re creating the ComboBox.

You would define the ComboBox like: <div dojoType=”ComboBox” setSelectedValue=”dojo.byId(‘userid’).value=arguments[0]” ……. ></div> Like this: Like Loading... Series: Dojo Quick Start Guide « Note: The Dojo Quick Start Guide posts – while still relevant – are a bit dated.

Series: Dojo Quick Start Guide «

Please visit for expert tutorials and API documentation to help you get up and running with Dojo. Ajax is an acronym for “Asynchronous JavaScript and XML”, a technology employed to send and receive data on the fly. It can be used to update sections of a website from any number of remote sources, send data to the server and pass responses back and forth, all without ever refreshing the web page. Having been versed on some essential Dojo methods already, now we’ll move on the the bread and butter of Ajax: the XMLHttpRequest (or XHR for short). Dojo has several XHR methods available using common HTTP verbs: POST, GET, PUT, and DELETE.

Create a file named sample.txt in your js/ folder with sample text: I am a remote file. And modify the skeleton.html to have some basic markup and style: 15 Free Online Tools for Web Designers on a Budget. About two years ago when I became a full time freelance web designer, I made it a point to operate with little overhead.

15 Free Online Tools for Web Designers on a Budget

Even though I was confident I could make it as a freelancer, there was some fear that things might not go as planned. Because of this, I didn’t go out and spend lots of money on equipment and expensive software. My focus was on being frugal and saving money where I could. One way I was able to do this was using free online tools or web apps to perform my everyday tasks as a web designer. Here are 15 free online tools that you will find very useful. Pixlr Pixlr is a powerful online image editing application.

Google Analytics Google Analytics is probably the most popular free analytics tool available. Typetester The Typetester is an online application for comparison of the fonts for the screen. Web Design.