Valider 28367a32 rédigé par cerdic's avatar cerdic
Parcourir les fichiers

A force d'y aller par petit coup, la structure de la page en tableau ne tenait... 

A force d'y aller par petit coup, la structure de la page en tableau ne tenait plus et le melange table/div float,relative,inline... provoquait des bugs insolubles dans IE
On evacue donc les tableaux de mise en page au profit de 3 blocs semantiques #navigation, #extra, #contenu, le tout dans un #conteneur. Un layout de type Gala aurait été plus robuste mais oblige à réécrire tous les exec car necessite un ordre (contenu, navigation, extra) dans le html la ou on a actuellement (navigation,extra,contenu). A reserver donc pour SPIP 2 le bien nommé.

On donne aussi un coup de balai la ou des balises etaient mal fermées et faisaient du coup exploser la page
Le tout a l'air de tenir dans FF et IE6, mais des bugs residuels ne sont pas exclus dans certains cas, à traiter quand on les rencontrera.
parent efa55736

dist/javascript/layer.js

+2 −40
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -48,49 +48,11 @@ function toggleBouton(bouton,cible){ 
	//alert(jQuery(bouton));

	if (jQuery(bouton).is('.deplie')){

		jQuery(bouton).addClass('replie').removeClass('deplie');

		jQuery(cible).addClass('replie').removeClass('deplie');

		jQuery(cible).slideUp('fast').addClass('blocreplie').removeClass('blocdeplie');

	}

	else if (jQuery(bouton).is('.replie')){

		jQuery(bouton).addClass('deplie').removeClass('replie');

		jQuery(cible).addClass('deplie').removeClass('replie');

	}

}



function swap_couche(couche, rtl, dir, no_swap) {

	var layer;

	var triangle = document.getElementById('triangle' + couche);

	if (!(layer = findObj('Layer' + couche))) return;

	if (layer.style.display == "none"){

		if (!no_swap && triangle) triangle.src = dir + 'deplierbas.gif';

		layer.style.display = 'block';

	} else {

		if (!no_swap && triangle) triangle.src = dir + 'deplierhaut' + rtl + '.gif';

		layer.style.display = 'none';

	}

}

function ouvrir_couche(couche, rtl,dir) {

	var layer;

	var triangle = document.getElementById('triangle' + couche);

	if (!(layer = findObj('Layer' + couche))) return;

	if (triangle) triangle.src = dir + 'deplierbas.gif';

	layer.style.display = 'block';

}

function fermer_couche(couche, rtl, dir) {

	var layer;

	var triangle = document.getElementById('triangle' + couche);

	if (!(layer = findObj('Layer' + couche))) return;

	if (triangle) triangle.src = dir + 'deplierhaut' + rtl + '.gif';

	layer.style.display = 'none';

}

function manipuler_couches(action,rtl,first,last, dir) {

	if (action=='ouvrir') {

		for (j=first; j<=last; j+=1) {

			ouvrir_couche(j,rtl, dir);

		}

	} else {

		for (j=first; j<=last; j+=1) {

			fermer_couche(j,rtl, dir);

		}

		jQuery(cible).slideDown('fast').addClass('blocdeplie').removeClass('blocreplie');

	}

}

dist/style_prive.html

+25 −9
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -991,11 +991,8 @@ td.icone a img { 
* Cadre couleur foncee

*/



.cadre-padding {

	/*font-family: Verdana, Geneva, helvetica, sans;

	font-size: 12px;*/

.cadre_padding {

	padding: 6px;

	/*position: relative;*/

}

/*

.cadre-titre {
@@ -1219,7 +1216,7 @@ div.liste,div.cadre-liste { 
	margin-bottom: 3px;

	background:white;

}

div.cadre-liste .cadre-padding{padding:0;}

div.cadre-liste .cadre_padding {padding:0;}

div.cadre-liste .tranches{border-top:1px solid black;}
@@ -1679,16 +1676,22 @@ a.ical { 
	background-repeat: no-repeat;

	background-position: [(#ENV{ltr}|choixsiegal{left,left,right})] 6px;

	padding-[(#ENV{ltr}|choixsiegal{left,left,right})]: 16px;



	}



.cadre-couleur-foncee .titrem {background-color:##ENV{couleur_foncee,3874b0};color:#fff;}

.cadre-couleur-foncee .cadre .titrem {color:#000;}



.cadre-trait-couleur .titrem {background-color:##ENV{couleur_foncee,3874b0};color:#fff;}

.cadre-trait-couleur .cadre .titrem {background-color: #eee;color:#000;}



.ajax-action {padding-top:1px;}

.ajax-action {padding-top:1px;clear:both;position:relative;}



.dater {position:relative;}

.dater,.dater .titrem {background-color:##ENV{couleur_claire,edf3fe};}

.dater .titrem.hover {background-color:##ENV{couleur_foncee,3874b0};}

.dater .titrem {}

.dater .hover {background-color:##ENV{couleur_foncee,3874b0};}



#contenu .ajax-action .cadre .titrem {background-color:##ENV{couleur_claire,edf3fe};}

#contenu .ajax-action .titrem.hover {background-color:##ENV{couleur_foncee,3874b0};}

.mots_tous #contenu .titrem.impliable {background-color:##ENV{couleur_claire,edf3fe};}
@@ -1708,13 +1711,14 @@ a.ical { 
#navigation .titrem {text-align:center;}

#extra .titrem {text-align:center;}





/* Deplier / Replier */

.replie { background-image: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=deplierhaut[(#ENV{ltr}|choixsiegal{left,'',_rtl})].gif); }

.hover { background-color: ##ENV{couleur_claire,edf3fe}; }

.deplie { background-image: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=deplierbas.gif); }

.impliable {}

.bloc_depliable.replie { display: none; }

.bloc_depliable.deplie { display: block; background: none; }

.blocreplie { display: none; }

.blocdeplie { display: block; background: none; }



td.pense-bete, a.pense-bete {

	background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=m_envoi_bleu[(#ENV{ltr}|choixsiegal{left,'',_rtl})].gif) center left no-repeat;
@@ -1730,3 +1734,15 @@ td.message, a.message { 
	background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=m_envoi[(#ENV{ltr}|choixsiegal{left,'',_rtl})].gif) center left no-repeat;

	padding-left: 10px;

}



/* ecran etroit*/

#conteneur,.table_page {margin:0 auto;text-align:left;overflow:hidden;width:750px;}

#navigation {float:left;width:200px;overflow:hidden;min-height:100px;}

#contenu {float:left;overflow:hidden;margin-left:35px;width:500px;}

#extra {float:left;overflow:hidden;width:200px;}



/* ecran large*/

.large #conteneur,.large .table_page {margin:0 auto;text-align:left;overflow:hidden;width:950px;}

.large #navigation {float:left;width:200px;overflow:hidden;}

.large #contenu {float:left;overflow:hidden;margin-left:17px;width:570px;}

.large #extra {float:right;width:140px;overflow:hidden;}

ecrire/configuration/accueil.php

+5 −3
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -45,9 +45,11 @@ function configuration_accueil_dist() 
{

	$res = configuration_bloc_votre_site();



	$res = debut_cadre_couleur("racine-site-24.gif", true)

	. ajax_action_post('configurer', 'accueil', 'configuration','',$res)

	. fin_cadre_couleur(true);

	$res = 

	debut_cadre_couleur("racine-site-24.gif", true).

	ajax_action_post('configurer', 'accueil', 'configuration','',$res)

	. fin_cadre_couleur(true)

	;



	return ajax_action_greffe('configurer-accueil','', $res);

}

ecrire/exec/accueil.php

+5 −2
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -75,14 +75,17 @@ function encours_accueil() 


	if (!$res) return '';



	return debut_cadre_couleur_foncee("",true, "", _T('texte_en_cours_validation'))

	return 

	"<div style='position:relative;display:inline;'>" 

	. debut_cadre_couleur_foncee("",true, "", _T('texte_en_cours_validation'))

	. $res

	. "\n<div style='text-align: "

	. $GLOBALS['spip_lang_right']

	. ";'>"

	. bouton_spip_rss('a-suivre',array())

	. "</div>"

	. fin_cadre_couleur_foncee(true);

	. fin_cadre_couleur_foncee(true)

	. "</div>";

}



//

ecrire/exec/auteur_infos.php

+4 −6
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -113,11 +113,9 @@ function exec_auteur_infos_dist() { 
						    'id_auteur'=>$id_auteur),

				    'data'=>''));

		

		auteurs_interventions($auteur);

		

		echo fin_cadre_relief(true),

			fin_gauche(),

			fin_page();

		echo fin_cadre_relief(true);

		echo auteurs_interventions($auteur);

		echo fin_gauche(), fin_page();

/*	} */



}
@@ -165,7 +163,7 @@ function auteurs_interventions($auteur) { 


	if ($id_auteur != $connect_id_auteur

	    AND ($statut == '0minirezo' OR $statut == '1comite')) {

		echo "<div>&nbsp;</div>";

		echo "<div class='nettoyeur'>&nbsp;</div>";

		debut_cadre_couleur();



		$vus = array();

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site