Code solutions to PHP, JS, CSS

Spread your code soluces to the world

Love me

Search results for : css    (10)

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

Rotate and scale with CSS (css)

Here are two examples of rotation and scale (zoom) with CSS3. The first example uses javascript to apply transition effects by changing the CSS class of an element. This allows the event to be deported to another area. The second example works with the simplest pseudo-class HOVER. The effects do not work with Firefox for now only on...
solucior.com/32-Rotate_and_scale_with_CSS.html

Centering an element in the page (css)

Here are two methods to center CSS DIV blocks inside the page or parent element. The first method uses absolute positioning wich does not consider the position of other page elements. It is recommended for a rapid implementation of a correctly set graphical template. The second method uses a div to wedge the second DIV in height. The horizontal...
solucior.com/35-Centering_an_element_in_the_page.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

MySQL table statistics (mysql)

This little script displays the usage statistics of your MySQL tables using SHOW TABLE STATUS syntax
solucior.com/20-MySQL_table_statistics.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

Simple function for PHP syntax highlighting (php)

This little function uses the PHP syntax highlighting displaying the result in a table with line numbers. Hard to do simplest. You can add CSS. This function is used by solucior.com
solucior.com/12-Simple_function_for_PHP_syntax_highlighting.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

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

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