Code solutions to PHP, JS, CSS

Spread your code soluces to the world

Love me

Search results for : method    (10)

Simple method : listing files from a directory (php)

Here's my simple method for listing files from a directory. In this example I added the natural sort and the file sizes in KB to show how to combine tables and serialized values.
solucior.com/8-Simple_method___listing_files_from_a_directory.html

Link confirmation (javascript)

This method adds a confirmation dialog on a href link.
solucior.com/21-Link_confirmation.html

Horizontal scroll div with javascript (javascript)

Very simple method to horizontally scroll a DIV content without displaying scrollbars with Javascript. • The container div has overflow:hidden and a fixed height and width. • 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/34-Horizontal_scroll_div_with_javascript.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

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

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

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

Convert unknown text to ISO8859-1 (php)

This method is useful if you get a text field to display in ISO8859-1. In some cases, you do not know if the writer has written characters in UTF8 or ISO. Especially if the text has gone through several transitional stages.
solucior.com/9-Convert_unknown_text_to_ISO8859-1.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

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