Bonjour
J’aimerai mettre en place des flèches de navigateur dans mes pages de design.
Par exemple implanter une flèche « page précédente ». Pour cela j’ai besoin de mémoriser d’où je viens.
L’idée est de mettre en place une variable qui contient le l’adresse
Du design précédent.
Quelqu’un a déjà fait ça ou a une astuce pour le faire ?
Merci de votre aide
Peut-être en récupérant l’id du design dans la barre d’adresse?
Si c’est pour avoir page suivante ou page précédente pas besoin de variable ou autre !
Tu as une solution pour mémoriser l’adresse en cours et/ou la précédente ?
Oui c’est une solution mais j’avoue ne pas avoir la connaissance pour cela.
Bonsoir,
pas besoin d’adresse, de variable ou de mémoriser quoi que ce soit.
Tu ajoutes un lien, en mode édition de design, comme ceci:
Merci
C’est ce que je fais et je voudrai implanter une icone « Page précédente » afin de pouvoir naviguer… d’où ma demande.
Bonjour,
En utilisant l’historique du navigateur (donc ça ne fonctionnera pas si l’historique n’est pas activé ou si vous ouvrez un nouvel onglet par exemple) :
<button id="back" onclick="back()">Précédent</button>
<script>
function back() {
window.history.back();
}
</script>
<button id="next" onclick="next()">Suivant</button>
<script>
function next() {
window.history.go(1);
}
</script>
Je vous laisse personnaliser les boutons avec des icones et du CSS.
PS : le code est à coller dans un élément texte/html.
Merci, je vais tester mais la limite de l’historique me pose problème. Je ne sais pas d’avance si l’utilisateur active ou non l’historique.
Je pensais à une autre méthode puisqu’il y a rien de standard.
Chaque bouton qui permet de changer de page adresse un scénario qui va lancer Go Design mais aussi mémoriser dans une variable le design courant ainsi je pourrai implanter un bouton de navigation.
La méthode standard c’est d’utiliser les boutons du navigateur, Jeedom ne va pas réimplementer ce qui existe déjà.
J’ai supposé que vous n’aviez pas accès aux boutons du navigateur car vous utilisiez le mode full screen.
Le gotodesign modifie tous les designs en cours donc si vous l’utilisez pour naviguer ça va modifier le design de chaque device et de chaque utilisateur en même temps que le votre…
C’est faisable en JS mais ça revient à faire une usine à gaz pour pas grand chose je pense…
J’utilise Jeedom full screen, c’est la raison pour laquelle je veux une fonction de retour arrière. J’ai une vingtaine / trentaine de design, implanter le bouton va me prendre une ou deux heures une fois mis au point, ce n’est pas un souci. Je veux essayer de rester au plus proche du standard pour éviter les pb au changement de version.
Je vais rajouter une zone au dessus de mes boutons de navigation, ça déclenchera un scénario simple pour faire le job.
Je pensais que cette demande était très courante, je n’ai pas trouvé dans les posts et je n’ai que peu de réponse. C’est bizarre pour moi.
Merci des propositions
bonjour,
j’avais envie de m’amuser
<div id="now"> mon design actuel</div>
<div id="old"> mon design précèdent</div>
<script>
$('#now').append(" = "+jeephp2js.planHeader_id);
var expression1 = 'variable(old_design)';
// data-datastore_id="11"
jeedom.scenario.testExpression({
expression: expression1,
success: function(data) {
// console.log(data);
$('#old').append(" = "+data.result);
}
});
</script>
tu mets en variable jeedom ou tu es quand tu changes
lorsque tu clics sur essai 3 id21
ça enregistre là ou tu es
dans la variable jeedom
et te méne à l’id 21
<li><a onclick="jeephp2js.planHeader_id=(21); jeeFrontEnd.plan.displayPlan();">
<span>essai3 id21</span></a></li>
<script>
jeedom.dataStore.save({
id: 11,
value: jeephp2js.planHeader_id,
type: 'scenario',
key: 'old_design',
link_id: '-1',
// paramsRequired = ['id', 'value', 'type', 'key', 'link_id'];
error: function(error) {
},
success: function(data) {
}
})
</script>
que voici
le vouton retour
<script>
var myVar ;
var expression1 = 'variable(old_design)';
jeedom.scenario.testExpression({
expression: expression1,
success: function(data) {
myVar = (data.result) ;
}
});
</script>
<li><a id="EditBanner" onclick="jeephp2js.planHeader_id=(myVar); jeeFrontEnd.plan.displayPlan();">
<span>retour</span></a></li>
Si je retrouve
Les navigateurs on aussi des variables (ça éviterait de passé par les variables jeedom)
He ! Merci, je regarde ce week-end !