サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
www.dhtmlgoodies.com
This is a demo of the DHTML_modalMessage class. It displays a message at the center of the screen and disables all other page controls until the message is closed. Message from url (example 1) Message from url (example 2) Alternative confirm dialog (example 3) The content of the two boxes above are loaded from external files. We have also specified that we want a drop shadow on them Static message
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download script You can download the entire script from this Zip file. Configuration You make elements draggable by assigning them to the class "dragableElement". Examples: <img src="images/image1.jpg" style=
Download files You can download all the files needed for this script from this Zip file. Files in package tab-view.html = Main html file tab-view-demo2.html = Main html file(with two tab sets) js/ajax.js = Ajax (Library from http://twilightuniverse.com/projects/sack). js/tab-view.js = Main js file for this script css/tab-view.css = Cascading style sheet for the script externalfile.html = Sample fi
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Put this into your <HEAD> section Put this into your <BODY> section Put this into your <BODY> section where you want the menu to appear Products</a> <a>Support</a> <a>About us</a> <a>Download</a> Configuratio
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download script You can download the entire script from this zip file. Add images to slideshow In the <body> section, add images to the slideshow in the <div id="theImages"> section This is done with the foll
Demos Main demo(Pane splitter). From the menu of this widget, you will find links to documentation and other demos. This widget has been created from scratch per request from users. The idea(not code) is based on concepts by Jack Slocum's yui-ext. Other pane splitter demos: Gray theme, Light cyan theme and Zune theme. DHTML form validator and Ajax form submit. Color widgets Window widget - Windows
Download You can download the entire script including images from this zip file Configuration You need to include one css file and one javascript file in the HTML file(s) where you want the windows. This is done with the following lines: <link rel="stylesheet" href="floating_window_with_tabs.css" media="screen"> <script type="text/javascript" src="floating_window_with_tabs.js"></script> Put them b
Download files You can download the entires script from this Zip file. Configuration This script is easy to configure. All you have to do is to define how the active input should be highlighted. This is done by CSS. Then you have to call a function at the bottom of your page to initialize the script. Define CSS Here's an example how I have created the CSS in this demo .textInput,textarea{ /* Gene
This menu is HTML based which makes it search engine friendly Splendida porro oculi fugitant vitantque tueri. sol etiam caecat, contra si tendere pergas,propterea quia vis magnast ipsius et alteara per purum simulacra ferunturet feriunt oculos turbantia composituras. Praeterea splendor qui cumque est acer adurit saepe oculos ideo quod semina possidet ignismulta, dolorem oculis quae gignunt insinua
Click on the "Cal" buttons to see how the calendar works Dates only Date input 1(YYYY/MM/DD): Date input 2(DD.MM.YYYY): Date input 3(D.M.YYYY): Date input 4: / / Date and time Date input 5(YYYY/MM/DD hh:ii): Date input 6: / / : This is a demo of a Free calendar web script from DHTMLGoodies.com.
Calendar scripts JS calendar in DHTML Suite for applications There is also a calendar available in the DHTML Suite for applications package. You can see a demo of it here. JS Calendar (version 2.1) FF,IE5.5+,Op7 Last updated: October, 8th 2008 - Month selection bugfix. This is a cross browser Javascript calendar. Download the zip-file and open the js_calendar.html file in your browser. You use the
Download script You can download the entire script from this Zip file Files included in the package: form-field-tooltip.html = Main demo HTML file js/form-field-tooltip.js = Main JS file for the script js/rounded-corners.js = JS file created to add rounded corners dynamically to the tooltip css/form-field-tooltip.css = Main CSS file for the tooltip images/* = Arrows used by teh script. Configurati
Filter Based on data from http://www.w3.org/TR/REC-CSS2/ Choose a CSS property from the list
Put this into your <HEAD> section Put this into your <BODY> section <form> <p>This widget uses javascript to transform this:</p> <table border="0"> <tr> </tr> </table> <p>I.e.: A combination of text- and selectbox. You can type in a value or choose from the list</p> </form> Configuration There are only two things you need to do to make this script work: Add an attribute to your <INPUT type="text">
Menu scripts DHTML Menu for applications FF,IE6+,Op8 Last updated: July. 10th. 2009: Bugfix for Firefox 3.5. This menu is particular useful in web applications because of it's features for adding, removing, showing and hiding menu items dynamically. Info and download | Demo | Demo 2 | Demo 3 | Demo 4 Unobtrusive slide out menu FF,IE5.5+,Op7 Last updated: Nov. 27th. 2007: New version which supports
This is one of the Free drag and drop scripts from DHTMLGoodies.com. Root node Europe Norway Stavanger Bergen Oslo United Kingdom London Manchester Sweden Denmark Germany Berlin Munich Stuttgart Asia Japan China Indonesia Africa Tanzania Kenya America Canada United States Mexico Argentina Cannot have children Cannot be dragged Collapse all | Expand all Use your mouse to drag and drop the nodes. Us
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download files You can download the entire script from this Zip file. Files included in the package: drag-drop-folder-tree.html = Main html file js/drag-drop-folder-tree.js = Main Javascript file js/context-m
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download script You can download the entire script from this Zip file. Setup Add thumbnails Thumbnails are inserted into the HTML code in the following format <div class="strip_of_thumbnails"> <div><a id="fir
Tooltip for forms FF,IE5.5+,Op8 Last updated: January. 15th, 2007 - Bugfix: Tooltip positioning problem. Displays a tooltip next to form elements when the element receives focus. Info and download | Demo Ajax tooltip FF,IE5,Op8 A nice tooltip script where the content of the tooltip is retrieved by Ajax from external files. Info and download | Demo Title to note FF,IE5.5+,Op7 Submitted script This
This is an Ajax tooltip script. When you roll your mouse over the "info" links in the table, ajax will show tooltip content from external files. Product Info JS Calendar Info Dragable boxes Info Ajax tooltip Info
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download script You can download the entire script from this Zip file Files included in the package: ajax-tooltip.html = Main HTML file js/ajax-tooltip.js = Main JS file for the script> js/ajax.js = Ajax (SAC
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download files You can download the entire project from this zip file. Setup Server side script This script requires that you have access to PHP on your server. Files included in package dragable-boxes.html =
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Use a strict or loose doctype This menu requires a valid doctype in order to look good in Opera. You can either choose the strict doctype: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download files You can download the entire script from this Zip file. Files included in package image-crop.html = Main HTML file crop_image.php = PHP used to crop the image js/image-crop.js = Main Javascript
Table widgets DHTMLGoodies Grid A New table widget/Grid script with features such as: Column sort by clicking on Headings Drag and Drop rearrange of Columns. Drag and Drop resize of columns Dynamically show or hide columns Display of data from remote sources (Ajax). Info and download | Demo Highlight table rows FF,IE5.5+,Op7 Last updated: April, 20th 2006 - New feature: Onclick effect. This script
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download script You can download the entire script from this Zip file. Configuration PHP and mySql required This script requires that you have PHP installed on your server and access to a mySql database. File
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download script You can download the entire script from this zip file (Updated May 13th 2011). Configuration Files in package dhtmlgoodies-week-planner.html = Main HTML file. This file contains some PHP code.
Content is comming here as you probably can see.Content is comming here as you probably can see. DHTML Balloon tooltip This demo demonstrates how the balloon tooltip works. Roll your mouse over the red links in the text below. Roll over me to see the tooltip in action. And here's some more content Roll over me This is the last piece of the content on this web page
次のページ
このページを最初にブックマークしてみませんか?
『A library of DHTML and Ajax scripts - DHTMLgoodies.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く