Code solutions to PHP, JS, CSS

Spread your code soluces to the world

Love me

Search results for : element    (10)

Div following the scrolling of the page (javascript)

CSS fixed positioning does not work on Internet Explorer based browsers, it is therefore useful to use the javascript to fix vertically a DIV block. This function addresses the value of the div top CSS "fixedtop" taking into account the scrollTop of the page in the window. Tested on the most common browsers.
solucior.com/16-Div_following_the_scrolling_of_the_page.html

Javascript opacity (javascript)

Here is the method the most compatible to change the CSS opacity of an element with javascript. [code]opacity // modern browser -moz-opacity // older versions based on firefox -khtml-opacity // older versions based on Konkeror and Safari filter: alpha(opacity) // Internet Explorer before 8.0 ...
solucior.com/18-Javascript_opacity.html

Javascript Image magnification (javascript)

Add magnifying glass options on your images with this simple code.
solucior.com/29-Javascript_Image_magnification.html

Infinite zoom CSS3 and Javascript (css)

Here is an example of the use of CSS3 with scale. Update : Added compatibility with Opera 11
solucior.com/22-Infinite_zoom_CSS3_and_Javascript.html

Zoom with CSS3 (css)

CSS3 allows the function of "scaling"(or zoom) on an HTML element. In the example below, the scale is assigned to the pseudo class : hover. Syntax : transition: (transition-property) (transition-duration in secondes) (transition-timing-function) • transition-property : all, css property • transition-duration : timing...
solucior.com/15-Zoom_with_CSS3.html

Scroll div with javascript (javascript)

Very simple method to vertically scroll a DIV content without displaying scrollbars with Javascript. • The container div has overflow:hidden and a fixed height. • Its ID has to be recalled in the scrolldiv() function calls. This allows the multiple use of this function on the same page.
solucior.com/13-Scroll_div_with_javascript.html

Dynamically resizing height of textarea (javascript)

This code dynamically resize a textarea according to its contents. It can work when the textarea gains focus and during typing.
solucior.com/3-Dynamically_resizing_height_of_textarea.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

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

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