Code solutions to PHP, JS, CSS

Spread your code soluces to the world

Love me

Search results for : div    (10)

Dynamic image resizing according to location (javascript)

This javascript method resize image according to its location in the page. Images do not overflow the page or div that contains them. It works automatically, it is not necessary to modify the HTML content of the body. Implementation : • copy the javascript code in the header, between <head> and </head> • In the body...
solucior.com/19-Dynamic_image_resizing_according_to_location.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

Page to top (javascript)

ToTop() function associated with a link back to the top of page.
solucior.com/27-Page_to_top.html

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

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

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

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

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

Close HTML tags function (php)

A simple function to close all open HTML tags from text. To be used for example when you propose an editable field with HTML.
solucior.com/1-Close_HTML_tags_function.html