<?xml version="1.0" encoding="UTF-8" ?>

<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
    <title>Posteet: html</title> 
    <link>http://www.posteet.com/</link> 
    <description>Recent posteets posted to Posteet</description>
    <ttl>60</ttl>

    
    <item>
        <title>change the folder index / cambiar el indice de una carpeta</title>
        <link>http://www.posteet.com/view/810</link>
        <description>
        <![CDATA[<pre>DirectoryIndex first_index.html second_index.html third_index.html
#if &quot;first_index.html&quot; does not found apache tries to find the next index (&quot;second_index.html&quot;), if the index lists ends apache
# gives the 404 error.
# sorry for my bad english, it's not my natal languaje

#si &quot;first_index.html&quot; no es encontrado muestra el proximo en la lista (&quot;third_index.html&quot;), si la lista se acaba da error 404</pre> <a href="http://www.posteet.com/tags/apache">[apache]</a>  <a href="http://www.posteet.com/tags/error">[error]</a>  <a href="http://www.posteet.com/tags/errores">[errores]</a>  <a href="http://www.posteet.com/tags/html">[html]</a>  <a href="http://www.posteet.com/tags/http">[http]</a>  <a href="http://www.posteet.com/tags/index">[index]</a>  <a href="http://www.posteet.com/tags/indice">[indice]</a> ]]>        </description>
        <dc:creator>eltupper</dc:creator>
        <pubDate>Thu, 06 Mar 2008 17:38:51 +0000</pubDate>

            <category>apache</category>
            <category>error</category>
            <category>errores</category>
            <category>html</category>
            <category>http</category>
            <category>index</category>
            <category>indice</category>
    
    </item>

  
    <item>
        <title>Solapamiento Div's y Flash</title>
        <link>http://www.posteet.com/view/723</link>
        <description>
        <![CDATA[<pre>&lt;object classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot; codebase=&quot;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0&quot; width=&quot;500&quot; height=&quot;200&quot; title=&quot;slip&quot;&gt;
&lt;param name=&quot;movie&quot; value=&quot;RUTA_ARCHIVO&quot;&gt;
&lt;param name=&quot;quality&quot; value=&quot;high&quot;&gt;
&lt;param name=&quot;wmode&quot; value=&quot;transparent&quot;&gt; &lt;!-- este es el parametro que hara que los div's esten por encima del objeto flash --&gt; 
&lt;embed src=&quot;RUTA_ARCHIVO&quot; width=&quot;500&quot; height=&quot;200&quot; quality=&quot;high&quot; pluginspage=&quot;http://www.macromedia.com/go/getflashplayer&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
&lt;/object&gt;</pre> <a href="http://www.posteet.com/tags/css">[css]</a>  <a href="http://www.posteet.com/tags/flash">[flash]</a>  <a href="http://www.posteet.com/tags/html">[html]</a>  <a href="http://www.posteet.com/tags/object">[object]</a> ]]>        </description>
        <dc:creator>jacinmontava</dc:creator>
        <pubDate>Mon, 04 Feb 2008 09:54:11 +0000</pubDate>

            <category>css</category>
            <category>flash</category>
            <category>html</category>
            <category>object</category>
    
    </item>

  
    <item>
        <title>make IE behave like a standards compatible browser / ace que IE acepte los estandares</title>
        <link>http://www.posteet.com/view/715</link>
        <description>
        <![CDATA[<pre>/*
original: http://code.google.com/p/ie7-js/
*/
&lt;head&gt;
    &lt;!--[if lt IE 8]&gt;
    &lt;script src=&quot;http://ie7-js.googlecode.com/svn/version/2.0(beta2)/IE8.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
    &lt;![endif]--&gt;
&lt;/head&gt;</pre> <a href="http://www.posteet.com/tags/explorer">[explorer]</a>  <a href="http://www.posteet.com/tags/html">[html]</a>  <a href="http://www.posteet.com/tags/ie">[ie]</a>  <a href="http://www.posteet.com/tags/IE 5">[IE 5]</a>  <a href="http://www.posteet.com/tags/IE 6">[IE 6]</a>  <a href="http://www.posteet.com/tags/IE 7">[IE 7]</a>  <a href="http://www.posteet.com/tags/IE 8">[IE 8]</a>  <a href="http://www.posteet.com/tags/IE internet">[IE internet]</a>  <a href="http://www.posteet.com/tags/internet explorer">[internet explorer]</a> ]]>        </description>
        <dc:creator>eltupper</dc:creator>
        <pubDate>Sat, 02 Feb 2008 21:29:06 +0000</pubDate>

            <category>explorer</category>
            <category>html</category>
            <category>ie</category>
            <category>IE 5</category>
            <category>IE 6</category>
            <category>IE 7</category>
            <category>IE 8</category>
            <category>IE internet</category>
            <category>internet explorer</category>
    
    </item>

  
    <item>
        <title>Youtube estándar con (X)HTML válido</title>
        <link>http://www.posteet.com/view/656</link>
        <description>
        <![CDATA[<pre>&lt;object data=&quot;http://www.youtube.com/v/O0G7iKj6PS0&quot; type=&quot;application/x-shockwave-flash&quot; width=&quot;425&quot; height=&quot;350&quot;&gt; &lt;param name=&quot;quality&quot; value=&quot;high&quot; /&gt; &lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/O0G7iKj6PS0&quot; /&gt; &lt;img border=&quot;0&quot; src=&quot;/img/video.png&quot; alt=&quot;Video (Objeto multimedia)&quot; /&gt; &lt;/object&gt;</pre> <a href="http://www.posteet.com/tags/estandares">[estandares]</a>  <a href="http://www.posteet.com/tags/html">[html]</a> ]]>        </description>
        <dc:creator>jacinmontava</dc:creator>
        <pubDate>Tue, 08 Jan 2008 08:14:36 +0000</pubDate>

            <category>estandares</category>
            <category>html</category>
    
    </item>

  
    <item>
        <title>Etiqueta base del HTML</title>
        <link>http://www.posteet.com/view/643</link>
        <description>
        <![CDATA[<pre>&lt;!--La etiqueta &lt;base&gt; se coloca entre las estas etiquetas &lt;head&gt;&lt;/head&gt; --&gt;

&lt;!--&lt;base href=&quot;http://www.dominio.com/&quot; /&gt;--&gt;

&lt;base href=&quot;&lt;?php echo 'http://'. $_SERVER['HTTP_HOST'].'/';?&gt;&quot; /&gt;

&lt;!--Los enlaces se harían a partir de la raíz del sitio--&gt;

&lt;link href=&quot;/css/style.css&quot; media=&quot;screen&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;

&lt;img src=&quot;/imagenes/imagen.jpg&quot; alt=&quot;texto alternativo&quot; /&gt;

&lt;a href=&quot;/paginas/enlace/&quot; title=&quot;texto alternativo&quot;&gt;Enlace&lt;/a&gt;</pre> <a href="http://www.posteet.com/tags/html">[html]</a>  <a href="http://www.posteet.com/tags/php">[php]</a>  <a href="http://www.posteet.com/tags/xhtml">[xhtml]</a> ]]>        </description>
        <dc:creator>regoremor</dc:creator>
        <pubDate>Tue, 01 Jan 2008 22:13:28 +0000</pubDate>

            <category>html</category>
            <category>php</category>
            <category>xhtml</category>
    
    </item>

  
    <item>
        <title>Mostrar / Ocultar una capa con JavaSctipt.</title>
        <link>http://www.posteet.com/view/637</link>
        <description>
        <![CDATA[<pre>// MOSTRAR - OCULTAR
	
function mostrarOcultar(id) {
	divID = document.getElementById(id);
	if(divID.style.display == &quot;&quot;)
		divID.style.display = &quot;none&quot;;
	else
		divID.style.display = &quot;&quot;;
}

// Enlace y Capa

&lt;a href=&quot;#&quot; onclick=&quot;mostrarOcultar('capa'); return false;&quot;&gt;Mostrar-Ocultar&lt;/a&gt;
&lt;div id=&quot;capa&quot; style=&quot;display: none;&quot;&gt;Contenido de la Capa.&lt;/div&gt;</pre> <a href="http://www.posteet.com/tags/css">[css]</a>  <a href="http://www.posteet.com/tags/dom">[dom]</a>  <a href="http://www.posteet.com/tags/html">[html]</a>  <a href="http://www.posteet.com/tags/javascript">[javascript]</a> ]]>        </description>
        <dc:creator>yasakani</dc:creator>
        <pubDate>Mon, 31 Dec 2007 06:16:54 +0000</pubDate>

            <category>css</category>
            <category>dom</category>
            <category>html</category>
            <category>javascript</category>
    
    </item>

  
    <item>
        <title>Changer une image dynamiquement</title>
        <link>http://www.posteet.com/view/431</link>
        <description>
        <![CDATA[<pre>Supposons que vous ayez dans votre page html la déclaration suivante :

&lt;object id='SvgView' data='/static/pictures/default.svg' type='image/svg+xml' width='1025' height='643'&gt;
&lt;/object&gt;


Du côté javascript, on a une fonction qui effectue le remplacement :

function displaySVG(fileName)
{
    var svgView  = document.getElementById(&quot;SvgView&quot;);
    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(&quot;SvgView&quot;, url + fileName);
    }
}</pre> <a href="http://www.posteet.com/tags/html">[html]</a>  <a href="http://www.posteet.com/tags/javascript">[javascript]</a> ]]>        </description>
        <dc:creator>linuski</dc:creator>
        <pubDate>Wed, 14 Nov 2007 15:54:07 +0000</pubDate>

            <category>html</category>
            <category>javascript</category>
    
    </item>

  
    <item>
        <title>Nettoyer une page HTML de ces balises</title>
        <link>http://www.posteet.com/view/411</link>
        <description>
        <![CDATA[<pre>function html2txt($document){
	$search = array('@&lt;script[^&gt;]*?&gt;.*?&lt;/script&gt;@si', // Strip out javascript
	'@&lt;style[^&gt;]*?&gt;.*?&lt;/style&gt;@siU', // Strip style tags properly
	'@&lt;[?]php[^&gt;].*?[?]&gt;@si', //scripts php
	'@&lt;[?][^&gt;].*?[?]&gt;@si', //scripts php
	'@&lt;[\/\!]*?[^&lt;&gt;]*?&gt;@si', // Strip out HTML tags
	'@&lt;![\s\S]*?--[ \t\n\r]*&gt;@', // Strip multi-line comments including CDATA
	);
	$text = preg_replace($search, '', $document);
	return $text;
}</pre> <a href="http://www.posteet.com/tags/balise">[balise]</a>  <a href="http://www.posteet.com/tags/css">[css]</a>  <a href="http://www.posteet.com/tags/html">[html]</a>  <a href="http://www.posteet.com/tags/php">[php]</a>  <a href="http://www.posteet.com/tags/script">[script]</a> ]]>        </description>
        <dc:creator>spawnrider</dc:creator>
        <pubDate>Tue, 13 Nov 2007 08:52:52 +0000</pubDate>

            <category>balise</category>
            <category>css</category>
            <category>html</category>
            <category>php</category>
            <category>script</category>
    
    </item>

  
    <item>
        <title>Transparence sous IE png provenant de balises &lt;img&gt;</title>
        <link>http://www.posteet.com/view/367</link>
        <description>
        <![CDATA[<pre>/* A ajouter entre les balise &lt;head&gt; */
&lt;!--[if lt IE 7]&gt;
&lt;script defer type=&quot;text/javascript&quot; src=&quot;pngfix.js&quot;&gt;&lt;/script&gt;
&lt;![endif]--&gt;</pre> <a href="http://www.posteet.com/tags/&lt;img&gt;">[&lt;img&gt;]</a>  <a href="http://www.posteet.com/tags/balise">[balise]</a>  <a href="http://www.posteet.com/tags/css">[css]</a>  <a href="http://www.posteet.com/tags/html">[html]</a>  <a href="http://www.posteet.com/tags/IE">[IE]</a>  <a href="http://www.posteet.com/tags/internet explorer">[internet explorer]</a>  <a href="http://www.posteet.com/tags/png">[png]</a>  <a href="http://www.posteet.com/tags/transparence">[transparence]</a> ]]>        </description>
        <dc:creator>moifort</dc:creator>
        <pubDate>Mon, 12 Nov 2007 11:45:50 +0000</pubDate>

            <category>&lt;img&gt;</category>
            <category>balise</category>
            <category>css</category>
            <category>html</category>
            <category>IE</category>
            <category>internet explorer</category>
            <category>png</category>
            <category>transparence</category>
    
    </item>

  
    <item>
        <title>Voici les instructions afin de modifier le curseur de la souris lors du survol d'élément HTML</title>
        <link>http://www.posteet.com/view/323</link>
        <description>
        <![CDATA[<pre>&lt;span style=&quot;cursor: crosshair;&quot;&gt;Viseur&lt;/span&gt;
&lt;span style=&quot;cursor: pointer;&quot;&gt;Main&lt;/span&gt;
&lt;span style=&quot;cursor: wait;&quot;&gt;Attente&lt;/span&gt;
&lt;span style=&quot;cursor: help;&quot;&gt;Point d'interrogation&lt;/span&gt;
&lt;span style=&quot;cursor: text;&quot;&gt;Texte&lt;/span&gt;
&lt;span style=&quot;cursor: move;&quot;&gt;Objet déplaçable&lt;/span&gt;
&lt;span style=&quot;cursor: n-resize&quot;&gt;Changer la taille vers le haut&lt;/span&gt;
&lt;span style=&quot;cursor: s-resize&quot;&gt;Changer la taille vers le bas&lt;/span&gt;
&lt;span style=&quot;cursor: e-resize&quot;&gt;Changer la taille vers la droite&lt;/span&gt;
&lt;span style=&quot;cursor: w-resize&quot;&gt;Changer la taille vers la gauche&lt;/span&gt;
&lt;span style=&quot;cursor: ne-resize&quot;&gt;Changer la taille haut+droite&lt;/span&gt;
&lt;span style=&quot;cursor: nw-resize&quot;&gt;Changer la taille haut+gauche&lt;/span&gt;
&lt;span style=&quot;cursor: se-resize&quot;&gt;Changer la taille bas+droite&lt;/span&gt;
&lt;span style=&quot;cursor: nw-resize&quot;&gt;Changer la taille bas+gauche&lt;/span&gt;
&lt;span style=&quot;cursor: auto&quot;&gt;Automatique (le navigateur décide)&lt;/span&gt;
&lt;span style=&quot;cursor: default&quot;&gt;Curseur par défaut&lt;/span&gt;</pre> <a href="http://www.posteet.com/tags/css">[css]</a>  <a href="http://www.posteet.com/tags/curseur">[curseur]</a>  <a href="http://www.posteet.com/tags/cursor">[cursor]</a>  <a href="http://www.posteet.com/tags/html">[html]</a>  <a href="http://www.posteet.com/tags/mouse">[mouse]</a>  <a href="http://www.posteet.com/tags/souris">[souris]</a> ]]>        </description>
        <dc:creator>xillon</dc:creator>
        <pubDate>Wed, 07 Nov 2007 10:01:37 +0000</pubDate>

            <category>css</category>
            <category>curseur</category>
            <category>cursor</category>
            <category>html</category>
            <category>mouse</category>
            <category>souris</category>
    
    </item>

  
    <item>
        <title>Construct select (HTML) dynamic with any table SQL</title>
        <link>http://www.posteet.com/view/218</link>
        <description>
        <![CDATA[<pre>function selectTable($nomtable, $where = NULL, $order = NULL)
         {
            $sql = &quot;SELECT * FROM $nomtable&quot;;
            if ( $where !== NULL ) $sql .= &quot; WHERE $where&quot;;
            if ($order !== NULL)$sql.=&quot; ORDER BY $order &quot;;
            
            $query=mysql_query($sql);
            
            $ret = array();
            while ( $donnee = mysql_fetch_assoc($query))
            {
               $ret[] = $donnee;
            }
            return $ret;
         }
         
         function sqlSelect($sqlDonnee, $nomCol, $valCol)
         {
            for($i = 0 ; $i&lt;count($sqlDonnee) ; $i++)
            {
               $selectDonee[&quot;name&quot;][$i] = $sqlDonnee[$i][$nomCol];
               $selectDonee[&quot;value&quot;][$i] = $sqlDonnee[$i][$valCol];
            }
         return $selectDonee;
         }
         
         function htmlSelect($nom, $options, $selected = NULL, $css = NULL)
         {
            $select  = &quot;&lt;select name=\&quot;&quot;.htmlentities($nom).&quot;\&quot;&quot;;
            if ( $css !== NULL )
               $select .= &quot; $css&gt;&quot;;
            else
               $select .= &quot;&gt;&quot;;

            for($i = 0 ; $i&lt;count($options[&quot;name&quot;]) ; $i++)
            {
               if ( $selected !== NULL &amp;&amp; $selected == $options[&quot;value&quot;][$i] )
                  $select .= &quot;&lt;option value=\&quot;&quot;.$options[&quot;value&quot;][$i].&quot;\&quot; selected=\&quot;selected\&quot;&gt;&quot;.$options[&quot;name&quot;][$i].&quot;&lt;/option&gt;\n&quot;;
               else
                  $select .= &quot;&lt;option value=\&quot;&quot;.$options[&quot;value&quot;][$i].&quot;\&quot;&gt;&quot;.$options[&quot;name&quot;][$i].&quot;&lt;/option&gt;\n&quot;;
            }
            $select .= &quot;&lt;/select&gt;\n&quot;;

            return $select;
         }

/*** Exemple utilisation ***/
/* &lt;option selected&gt; par defaut pour le pays ayant l'id 72 */
         $paysSelect = isset($_POST[&quot;pays&quot;]) ? ($_POST[&quot;pays&quot;]) : (&quot;72&quot;);
         
         $selectPays=selectTable(&quot;pays&quot;);
         $pays=sqlSelect($selectPays,&quot;nom&quot;,&quot;id&quot;);         
         echo htmlSelect(&quot;id&quot;, $pays, $paysSelect); // on construit notre &lt;select&gt;</pre> <a href="http://www.posteet.com/tags/fonction">[fonction]</a>  <a href="http://www.posteet.com/tags/function">[function]</a>  <a href="http://www.posteet.com/tags/html">[html]</a>  <a href="http://www.posteet.com/tags/mysql">[mysql]</a>  <a href="http://www.posteet.com/tags/php">[php]</a>  <a href="http://www.posteet.com/tags/select html">[select html]</a>  <a href="http://www.posteet.com/tags/select table">[select table]</a>  <a href="http://www.posteet.com/tags/sql">[sql]</a>  <a href="http://www.posteet.com/tags/web">[web]</a> ]]>        </description>
        <dc:creator>xillon</dc:creator>
        <pubDate>Mon, 05 Nov 2007 11:52:08 +0000</pubDate>

            <category>fonction</category>
            <category>function</category>
            <category>html</category>
            <category>mysql</category>
            <category>php</category>
            <category>select html</category>
            <category>select table</category>
            <category>sql</category>
            <category>web</category>
    
    </item>

  
    <item>
        <title>Menu horizontal a images réactives en CSS</title>
        <link>http://www.posteet.com/view/150</link>
        <description>
        <![CDATA[<pre>/* Pour le code xhtml voir plus tout en bas */
/******** MENU ********/
#nav {
height: 25px !important;  /* Hauteur de la barre de menu*/
background: url(images/bg_barre.png) repeat-x; /* Fond d'écran de la barre' */
padding: 0 0 0 12px; /* Marge interne pour décaler les boutons et afficher la barre. Taille = (largeur totale - largeur des boutons)/2 */
border-right: 1px #e7e2cb solid; /* Liaison header &lt;--&gt; contenu */
border-left: 1px #e7e2cb solid;
}
 
#menu {
margin: 0;
width: 776px; /* Taille des boutons */
height: 25px; /* Hauteur de mes boutons */
list-style: none; /* Ne pas afficher les puces */
display: inline; /* Mode en ligne */
overflow: hidden; /* Si le texte sort du cadre, ne pas l'afficher*/
text-indent: -1000px; /* On fait disparaitre le texte en décalant de 1000px la première ligne. Il sort du cadre, et disparait */
}
 
#menu li {
margin: 0; 
padding: 0;
list-style: none; /* cf. ci-dessus, nécessaire pour un affichage correct */
display: inline;
}
 
#menu a {
float: left;
padding: 0;
overflow: hidden;
width: 194px !important; 
}
 
#menu a:hover {
background-position: 0 -25px; /* Décalage pour faire réagir l'image au survol de la souris */
}
 
 
/******* ITEMS DU MENU ******/
#home a {
height: 25px; /* Hauteur du bouton */
width: 194px; /* Largeur du bouton */
background: url(images/home.png) top left no-repeat; /* Image du bouton */
}	
 
#about a {
height: 25px;
width: 194px;
background: url(images/about.png) top left no-repeat;
}	
 
#time a {
height: 25px;
width: 194px;
background: url(images/time.png) top left no-repeat;
}
 
#date a {
height: 25px;
width: 194px;
background: url(images/date.png) top left no-repeat;
}
&lt;/style&gt;

/* Le menu lui-même (sémantiquement correct) 
&lt;div id=&quot;nav&quot;&gt;
&lt;ul id=&quot;menu&quot;&gt;
&lt;li id=&quot;home&quot;&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
&lt;li id=&quot;about&quot;&gt;&lt;a href=&quot;#&quot;&gt;About&lt;/a&gt;&lt;/li&gt;
&lt;li id=&quot;time&quot;&gt;&lt;a href=&quot;#&quot;&gt;Time&lt;/a&gt;&lt;/li&gt;
&lt;li id=&quot;date&quot;&gt;&lt;a href=&quot;#&quot;&gt;Date&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
*/</pre> <a href="http://www.posteet.com/tags/css">[css]</a>  <a href="http://www.posteet.com/tags/html">[html]</a>  <a href="http://www.posteet.com/tags/images réactives">[images réactives]</a>  <a href="http://www.posteet.com/tags/menu">[menu]</a>  <a href="http://www.posteet.com/tags/xhtml">[xhtml]</a> ]]>        </description>
        <dc:creator>daoro</dc:creator>
        <pubDate>Sat, 03 Nov 2007 21:29:38 +0000</pubDate>

            <category>css</category>
            <category>html</category>
            <category>images réactives</category>
            <category>menu</category>
            <category>xhtml</category>
    
    </item>


</channel>
</rss>
