Code solutions to PHP, JS, CSS

Spread your code soluces to the world

Love me

Search results for : action    (5)

Sound effects on an action with HTML5 (javascript)

HTML5 has simplified the handling of multimedia files. The simple tag audio replaces the couple object embed with param. A single line of code is sufficient and it is controllable with javascript. In the example below the onmouseout is used to refresh the source of the audio file. In addition to the preload attribute, you can use in the same...
solucior.com/33-Sound_effects_on_an_action_with_HTML5.html

Very simple drag and drop upload form (javascript)

There are many solutions and scripts for drag and drop upload. Here is a very simple solution using the native drag and drop of the modern browsers type file input. It is also compatible with browsers that do not support drag and drop as smartphone because it uses conventional HTML forms input. Tested with Safari, Chrome, Firefox last...
solucior.com/41-Very_simple_drag_and_drop_upload_form.html

Dynamically add rows to a form. Complete solution (php)

Here is a complete solution for adding rows to a form. This sample script displays a form for insert and update products. When clicking on the link [+], we add a new product line. It also includes the update by sending the "mod" parameter corresponding to the ID of the MySQL table row to edit. Dynamic system for adding rows : Initially, the...
solucior.com/11-Dynamically_add_rows_to_a_form__Complete_solution.html

Show hide DIV content with scrolling (javascript)

Show and hide the contents of a DIV with a single function from a mouse event. The DIV unfolds and folds progressively through the setTimeout. To use this script, run the function deplie() on an event with argument ID of the DIV in question. You can set the DIV position to absolute not to move the below located content.
solucior.com/4-Show_hide_DIV_content_with_scrolling.html

Move dynamically a DOM objet up (javascript)

When you display elements as list, it is sometimes necessary to provide the classification of the lines. This function can raise an object of a level. Eg. when displaying a list of products. The verification of the nodeType is used to circumvent a problem in some browsers that carriage returns and spaces between two objects as a "objet...
solucior.com/2-Move_dynamically_a_DOM_objet_up.html