documentation: décrit comment ouvrir un expand
- Décrit comment ouvrir un expland/collapse au moyen d'un ancre. Co-Authored-by: iGor milhit <igor.milhit@unige.ch>obstetrics
parent
b5886dab6b
commit
be8063f599
59
README.md
59
README.md
|
@ -140,3 +140,62 @@ bibliographique content les métadonnées `COinS` reconnues par Zotero.
|
||||||
|
|
||||||
[coins]: https://www.zotero.org/support/dev/exposing_metadata/coins
|
[coins]: https://www.zotero.org/support/dev/exposing_metadata/coins
|
||||||
[liste]: #liste-à-puce-sans-puce
|
[liste]: #liste-à-puce-sans-puce
|
||||||
|
|
||||||
|
## Ancres dans les `expand/collapse`
|
||||||
|
|
||||||
|
Afin de pouvoir utiliser un ancre qui puisse ouvrir un composant qui s'ouvre ou
|
||||||
|
se ferme (bloc `expand/collapse`), il faut :
|
||||||
|
|
||||||
|
1. Insérer l'ancre au sein du contenu du bloc.
|
||||||
|
1. Modifier les propriétés de la page :
|
||||||
|
1. Menu *Éditer/Édition*, puis *propriétés*.
|
||||||
|
1. Onglet *Attributs personnalisés*.
|
||||||
|
1. *Contenu d'entête supplémentaire*.
|
||||||
|
1. Coller le contenu suivant :
|
||||||
|
|
||||||
|
```html
|
||||||
|
<script type="text/javascript">
|
||||||
|
function getAnchor() {
|
||||||
|
return (document.URL.split('#').length > 1) ? document.URL.split('#')[1] : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getOffsetTop(elem){
|
||||||
|
var offsetTop = 0;
|
||||||
|
do {
|
||||||
|
if(!isNaN(elem.offsetTop)){
|
||||||
|
offsetTop += elem.offsetTop;
|
||||||
|
}
|
||||||
|
} while( elem = elem.offsetParent );
|
||||||
|
return offsetTop;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getOffsetLeft(elem){
|
||||||
|
var offsetLeft = 0;
|
||||||
|
do {
|
||||||
|
if(!isNaN(elem.offsetLeft)){
|
||||||
|
offsetLeft += elem.offsetLeft;
|
||||||
|
}
|
||||||
|
} while( elem = elem.offsetParent );
|
||||||
|
return offsetLeft;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
window.addEventListener("load",function(){
|
||||||
|
var monanchor = getAnchor();
|
||||||
|
if (typeof monanchor !== 'undefined' && monanchor !== null) {
|
||||||
|
substring = "-title-";
|
||||||
|
if (monanchor.indexOf(substring) !== -1) {
|
||||||
|
monanchor = monanchor.replace("-title-","-content-");
|
||||||
|
var parentDiv = document.getElementById(monanchor);
|
||||||
|
} else {
|
||||||
|
var pDoc = document.getElementsByName(monanchor)[0];
|
||||||
|
var parentDiv = pDoc.parentNode.parentNode;
|
||||||
|
}
|
||||||
|
parentDiv.style.display = "block";
|
||||||
|
var offsetTop = getOffsetTop(parentDiv);
|
||||||
|
var offsetLeft = getOffsetLeft(parentDiv);
|
||||||
|
window.scrollTo(offsetLeft, offsetTop - 200);
|
||||||
|
}
|
||||||
|
},false);
|
||||||
|
</script>
|
||||||
|
```
|
||||||
|
|
Loading…
Reference in New Issue