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

pour les suppression d'objet, on a besoin de faire un bouton d'action en post,... 

pour les suppression d'objet, on a besoin de faire un bouton d'action en post, avec une apparence d'icone horizontale pour coller au reste du site.
On ajoute donc le filtre |bouton_action_horizontal, qui va creer un bouton_action, mais avec la meme structure html et un style identique a la version lien donnee par |icone_horizontale
On enrichit les style pour traiter ce cas
parent fab895e8

ecrire/inc/filtres.php

+17 −7
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -2282,7 +2282,7 @@ function singulier_ou_pluriel($nb,$chaine_un,$chaine_plusieurs,$var='nb'){ 
 *  "onclick='...'" par exemple

 * @return string 

 */

function icone_base($lien, $texte, $fond, $fonction="", $class="",$javascript=""){

function prepare_icone_base($type, $lien, $texte, $fond, $fonction="", $class="",$javascript=""){

	if (in_array($fonction,array("del","supprimer.gif")))

		$class .= ' danger';

	elseif ($fonction == "rien.gif")
@@ -2322,15 +2322,20 @@ function icone_base($lien, $texte, $fond, $fonction="", $class="",$javascript="" 
		$icone = http_img_pack($fond, $alt, "width='$size' height='$size'");

	}



	$icone = "<span class='icone s$size $class'>"

	if ($type=='lien')

		return "<span class='icone s$size $class'>"

		. "<a href='$lien'$title$ajax$javascript>"

		. $icone

		. "<b>$texte</b>"

		. "</a></span>\n";



	return $icone;

	else

		return bouton_action("$icone<b>$texte</b>",$lien,"icone s$size $class",$javascript,$title);

}



function icone_base($lien, $texte, $fond, $fonction="", $class="",$javascript=""){

	return prepare_icone_base('lien', $lien, $texte, $fond, $fonction, $class, $javascript);

}

function filtre_icone_verticale_dist($lien, $texte, $fond, $fonction="", $class="",$javascript=""){

	return icone_base($lien,$texte,$fond,$fonction,"verticale $class",$javascript);

}
@@ -2338,6 +2343,11 @@ function filtre_icone_horizontale_dist($lien, $texte, $fond, $fonction="", $clas 
	return icone_base($lien,$texte,$fond,$fonction,"horizontale $class",$javascript);

}



function filtre_bouton_action_horizontal_dist($lien, $texte, $fond, $fonction="", $class="",$confirm=""){

	return prepare_icone_base('bouton', $lien, $texte, $fond, $fonction, "horizontale $class", $confirm);

}





/**

 * Filtre icone pour compatibilite

 * mappe sur icone_base

prive/themes/spip/icons.css.html

+21 −18
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -24,45 +24,48 @@ 
/* * Style des icones */

/* structure html : <span class="icone danger horizontale s24 left"><a><img><b>texte</b></span> */

.icone { display:block; margin:0;padding:0;text-align: center; font-size: 10px;}

.icone a {display:block;margin:0 auto;width:72px;padding: 5px 0; }

.icone a,.icone .submit {display:block;margin:0 auto;width:72px;padding: 5px 0;border:0;cursor:hand;cursor:pointer; }

.icone a:hover {text-decoration:none;}

.icone a img {margin: 0 auto; display: inline; padding: 4px; background-color: #eee; border: 2px solid #GET{foncee}; }

.icone a:hover img { background-color: #fff; border-color: #666; }

.icone a b,.box .icone a b { font-weight: bold; color: #GET{foncee}; display: block; margin: 2px auto; width: 100%; height: 3em; }

.icone a:hover b { color: #000;}

.icone a img,.icone .submit img {margin: 0 auto; display: inline; padding: 4px; background-color: #eee; border: 2px solid #GET{foncee}; }

.icone a:hover img,.icone .submit:hover img  { background-color: #fff; border-color: #666; }

.icone a b,.box .icone a b,.icone .submit b,.box .icone .submit b { font-weight: bold; color: #GET{foncee}; display: block; margin: 2px auto; width: 100%; height: 3em; }

.icone a:hover b,.icone .submit:hover b { color: #000;}



/*form.bouton_action_post.icone,form.bouton_action_post.icone div,form.bouton_action_post.icone .submit {display:block;}*/





/* alignement */

.icone.left {float:#GET{left};}

.icone.right {float:#GET{right};}

.icone.center a {margin:0 auto;}

.icone.center a,.icone.center .submit {margin:0 auto;}



/* icone horizontale */

.icone.horizontale { display:block; clear: both;position:relative;margin:0;padding:2px;text-align: #GET{left};padding-#GET{left}:32px;}

.icone.horizontale a {display:inline;width:auto;padding:0;}

.icone.horizontale a,.icone.horizontale .submit {display:inline;width:auto;padding:0;}

/* pour les navigateurs modernes */

.icone.horizontale a {display:table-cell;vertical-align:middle;height:28px;}

.icone.horizontale a,.icone.horizontale .submit {display:table-cell;vertical-align:middle;height:28px;}

.icone.horizontale.right {text-align: #GET{right};padding-#GET{right}:32px;padding-#GET{left}:2px;}

.icone.horizontale a img {padding:0;border:0;background:none;position:absolute;#GET{left}:4px;top:50%;margin-top:-12px;}

.icone.horizontale a b {color:#666;display:inline;}

.icone.horizontale a:hover b { color: #000;}

.icone.horizontale a img,.icone.horizontale .submit img {padding:0;border:0;background:none;position:absolute;#GET{left}:4px;top:50%;margin-top:-12px;}

.icone.horizontale a b,.icone.horizontale .submit b {color:#666;display:inline;}

.icone.horizontale a:hover b,.icone.horizontale .submit:hover b { color: #000;}



/* variantes sans texte ou sans image */

.icones_img .icone.verticale b {display:none;}

.icones_texte .icone img {display:none;}



.icones_texte .icone.horizontale {padding:2px;}

.icones_texte .icone.horizontale a {display:block;padding:4px;color: #606060;border: 1px solid #ddd; background-color: #f0f0f0;}

.icones_texte .icone.horizontale a:hover { text-decoration: none; color: #000; border-#GET{right}: solid 1px #fff; border-bottom: solid 1px #fff; border-#GET{left}: solid 1px #666; border-top: solid 1px #666; background-color: #eee; }

.icones_texte .icone.horizontale a,.icones_texte .icone.horizontale .submit {display:block;padding:4px;color: #606060;border: 1px solid #ddd; background-color: #f0f0f0;}

.icones_texte .icone.horizontale a:hover,.icones_texte .icone.horizontale .submit:hover  { text-decoration: none; color: #000; border-#GET{right}: solid 1px #fff; border-bottom: solid 1px #fff; border-#GET{left}: solid 1px #666; border-top: solid 1px #666; background-color: #eee; }



/* danger */

.icone.danger {background:none;}

.icone.danger a { background: url(#CHEMIN_IMAGE{rayures-sup.gif}); }

.icone.danger a img { background-color: #fff; border-color: #ff9999; }

.icone.danger a:hover img { background-color: #fff; border-color: red; }

.icone.horizontale.danger a { background: none; }

.icone.danger a,.icone.danger .submit { background: url(#CHEMIN_IMAGE{rayures-sup.gif}); }

.icone.danger a img,.icone.danger .submit img { background-color: #fff; border-color: #ff9999; }

.icone.danger a:hover img,.icone.danger .submit:hover img { background-color: #fff; border-color: red; }

.icone.horizontale.danger a,.icone.horizontale.danger .submit { background: none; }

.icone.horizontale.danger { background: url(#CHEMIN_IMAGE{rayures-sup.gif}); }

.icones_texte .icone.horizontale.danger {background:none;}

.icones_texte .icone.horizontale.danger a { background: url(#CHEMIN_IMAGE{rayures-sup.gif}); }

.icones_texte .icone.horizontale.danger a,.icones_texte .icone.horizontale.danger .submit { background: url(#CHEMIN_IMAGE{rayures-sup.gif}); }



/* cas particuliers */

.icone.verticale.historique-24 { width: 90px; }

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