Posteet: html

Clear Input Field Value When Selected

spirit — Wed, 21 Oct 2009 21:15:12 +0200

function clearDefault(el) {
  if (el.defaultValue==el.value) el.value = ""
}

// Then call this function using the 'onfocus' value of your input box:

[clear] [default] [empty] [html] [input] [js] [onfocus]

Forzar un salto de página en la impresión html xhtml

jacinmontava — Tue, 01 Sep 2009 13:48:45 +0200

[css] [html] [impresion] [usabilidad]

HTML/CSS: aligner verticalement une image et un texte sur une même ligne

spirit — Sat, 30 May 2009 13:28:42 +0200

En HTML:
 Texte

En CSS :
 Texte

[absmiddle] [align] [css] [html] [images] [img] [textes] [vertical]

How to Turn Off Form Autocompletion

spirit — Sun, 10 May 2009 00:09:24 +0200





[...]

[autocompletion] [firefox] [forms] [html]

HTML CSS Trick for wrapping long lines with PRE tag

spirit — Fri, 27 Mar 2009 23:38:30 +0100

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

[css] [html] [pre] [wrap]

[HTML/Javascript] upload a file / submit a form when a file is selected

aric — Fri, 27 Feb 2009 18:05:28 +0100

[file] [form] [html] [javascript] [select] [selected] [submit] [upload]

How to Control Tab Order in HTML (tabindex attribute)

spirit — Sun, 08 Feb 2009 14:34:43 +0100



  Controlling TAB Order


  
    Field 1 (first tab selection):
    

    Field 2 (third tab selection):
    

    Field 3 (second tab selection):

[forms] [html] [input] [tab] [tabindex]

Dropdown nav menu without js

stephane — Fri, 19 Dec 2008 18:22:26 +0100


                                
                                                           
                                                               
    :: Demo dropdown nav menu without js ::
    

  




DEMOS


	
	zero dollars advertising page
	wrapping text around images
	styled form
	active focus

	hover/click with no borders


		
			styled form
			removing active/focus borders
			hover/click
		


	

	shadow boxing

		
			styled form
			removing active/focus borders
			hover/click

		


	
	image map for detailed information

		
			styled form
			removing active/focus borders
			hover/click

		

	
	fun with background images
	fade scrolling
	em image sizes compared

	



BOXES

	
	a coded list of spies
	vertical menu
	enlarging unordered list
	link images

	non-rectangular
	jigsaw links
	circular links
	


MOZILLA

	

	drop down menu
	cascading menu
	content:
	mozzie box
	I can build a rainbow with transparent borders
	a snooker cue using border art

	target practise
	two tone headings
	shadow text
	


EXPLORER

OPACITY


	
	a colour wheel using opaque colours
	a menu using opacity
	partial opacity
	partial opacity II

	HOVER/CLICK


		
			styled form
			removing active/focus borders
			hover/click

[css] [dropdown] [html] [menu] [nav]

change the folder index / cambiar el indice de una carpeta

eltupper — Thu, 06 Mar 2008 18:38:51 +0100

DirectoryIndex first_index.html second_index.html third_index.html
#if "first_index.html" does not found apache tries to find the next index ("second_index.html"), if the index lists ends apache
# gives the 404 error.
# sorry for my bad english, it's not my natal languaje

#si "first_index.html" no es encontrado muestra el proximo en la lista ("third_index.html"), si la lista se acaba da error 404

[apache] [error] [errores] [html] [http] [index] [indice]

Solapamiento Div's y Flash

jacinmontava — Mon, 04 Feb 2008 10:54:11 +0100

[css] [flash] [html] [object]

make IE behave like a standards compatible browser / ace que IE acepte los estandares

eltupper — Sat, 02 Feb 2008 22:29:06 +0100

/*
original: http://code.google.com/p/ie7-js/
*/

[explorer] [html] [ie] [IE 5] [IE 6] [IE 7] [IE 8] [IE internet] [internet explorer]

Youtube estándar con (X)HTML válido

jacinmontava — Tue, 08 Jan 2008 09:14:36 +0100

[estandares] [html]

Etiqueta base del HTML

regoremor — Tue, 01 Jan 2008 23:13:28 +0100













Enlace

[html] [php] [xhtml]

Mostrar / Ocultar una capa con JavaSctipt.

yasakani — Mon, 31 Dec 2007 07:16:54 +0100

// MOSTRAR - OCULTAR
	
function mostrarOcultar(id) {
	divID = document.getElementById(id);
	if(divID.style.display == "")
		divID.style.display = "none";
	else
		divID.style.display = "";
}

// Enlace y Capa

Mostrar-Ocultar
Contenido de la Capa.

[css] [dom] [html] [javascript]

Changer une image dynamiquement

linuski — Wed, 14 Nov 2007 16:54:07 +0100

Supposons que vous ayez dans votre page html la déclaration suivante :





Du côté javascript, on a une fonction qui effectue le remplacement :

function displaySVG(fileName)
{
    var svgView  = document.getElementById("SvgView");
    if (svgView)
    {
        // Récupère l'adresse complète de l'ancienne image
        var  str = svgView.data.toString();
        // Cherche le nom du fichier situé aprés l'adresse du serveur :
        // on suppose que le format de str est du type  'http://192.168.122.56/pictures/truc/default.svg'
        var  pos = str.indexOf('/', 7);
        // Extraction de l'adresse du serveur
        var  url = str.substring(0, pos);
        // Remplace l'ancienne adresse par la nouvelle
        Dom.replaceObjectData("SvgView", url + fileName);
    }
}

[html] [javascript]