26,10 → 26,24 |
#dialog label, #dialog input { display:block; } |
#dialog label { margin-top: 0.5em; } |
#dialog input, #dialog textarea { width: 95%; } |
#zone_onglets { margin-top: 1em; border-width: 1px 1px 0 1px; border-radius:0; width:99%; font-size:12px} |
#zone_onglets { margin-top: 1em; padding-right: 5px; border-width: 1px 1px 0 1px; border-radius:0; width:99%; font-size:12px} |
#zone_onglets li {float:left} |
#zone_onglets li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; } |
#add_tab { cursor: pointer; } |
#zone_onglets #ongletEtPlus { cursor: pointer; float:right;} |
|
.elementMenuModules { |
display:block; |
border: 1px solid black; |
width: 150px; |
padding: 10px 10px 10px 25px; |
margin:0px; |
cursor: pointer; |
} |
|
.elementMenuModules:hover { |
background-color: grey; |
} |
.menuModules {left: 73%; position: absolute; border: 1px solid grey; margin: 0px; padding: 0px} |
</style> |
|
<div id="zone_onglets" class="ui-tabs ui-widget ui-widget-content ui-corner-all"> |
38,7 → 52,9 |
<li class="ui-state-default ui-corner-top"><a href="#fiche">Illustrations</a></li> |
<li class="ui-state-default ui-corner-top"><a href="#fiche">Répartition</a></li> |
<li class="ui-state-default ui-corner-top"><a href="#fiche">Wiki</a></li> |
<li id="ongletEtPlus" class="ui-state-default ui-corner-top"><a href="#fiche">+</a></li> |
</ul> |
<span id="conteneurMenuOnglets"></span> |
</div> |
|
<div id="zone_contenu_fiche"> |
68,6 → 84,7 |
|
<script type="text/Javascript"> |
var modules = Array(); |
var ongletsOuverts = Array(); |
|
/** Classe Module |
* Définit un module de type portlet |
122,7 → 139,7 |
// Comme les liens sont mis en place par jqueryui tabs, il faut ajouter une surcouche pour |
// déplacer vers la page du module |
$(a).click(function() { |
// TODO : Changer l'url par celle du module. |
// TODO : Changer l'url par celle du module et enregistrer la configuration actuelle des onglets. |
//$(location).attr('href',"http://www.google.fr"); |
}); |
|
157,8 → 174,31 |
|
return this.portlet; |
} |
|
// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets |
this.afficherCacherModule = function() { |
$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick"); |
$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick"); |
$(this.portlet).find(".contenu").toggle(); |
} |
|
} |
|
function afficherMenuOnglets() { |
if($("#conteneurMenuOnglets").html() != '') { |
$("#conteneurMenuOnglets").html(''); |
} else { |
console.log(ongletsOuverts); |
var htmlMenu = '<ul class="menuModules">'; |
for (idOnglet in ongletsOuverts) { |
htmlMenu += '<li class="elementMenuModules" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+ongletsOuverts[idOnglet].titre+'</li>'; |
} |
htmlMenu += '</ul>'; |
$("#conteneurMenuOnglets").html(htmlMenu); |
$("#conteneurMenuOnglets").toggle(); |
} |
} |
|
//Initialisation |
$(document).ready(function() { |
i = 1; |
168,7 → 208,8 |
i++; |
identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")"; |
var module = new Module(i, this, $(identifiantOnglet)); |
|
module.titre = $(this).children('h3').text(); |
ongletsOuverts[identifiantOnglet] = module; |
}); |
|
$( ".colonne" ).sortable({ |
177,5 → 218,17 |
|
$( ".colonne" ).disableSelection(); |
$('#zone_onglets').tabs(); |
$("#ongletEtPlus").click(function() { |
afficherMenuOnglets(); |
}); |
|
$('.elementMenuModules').live('click', function() { |
var idOnglet = $(this).attr('rel'); |
var objet = ongletsOuverts[idOnglet]; |
$(idOnglet).toggle(); |
$(objet.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick"); |
$(objet.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick"); |
$(objet.portlet).find(".contenu").toggle(); |
}) |
}); |
</script> |