PHP

gerer les ancres dynamiquement

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : gerer les ancres dynamiquement

carot0

slt tlm, j'aimerais gerer les ancres de manière dynamique , cad j'affiche des tables via une boucle et j'ai mis devant chaque table une ancre.
j'ai 2 boutons et je souhaite qu'ils me permettent d'avancer d'une ancre ou de reculer d'une ancre.
j'avais pensé incrementer une variable ou la decrementer mais cela ne marche que pour le 1er coup ...

---------------
In a world without walls and fences, who needs Windows and Gates

Publicité

benjones

??? J'ai pas vraiment compris cke tu veux faire

anapajari

s/travail/glanding on hfr/gs;

c'est pas en php mais en js qu'il faut que tu le fasses.

En gros je ferais ça en js

Code :

var aNodes = document.getElementsByTagName('a');
var anchorNodes = new Array();
for (var i = 0; i<aNodes.length; i++){
if ( aNodes.getAttribute('href').substring(0,1) == '#'){
anchorNodes.push(aNodes[i]);
}
}
var currentAnchorNode = 0;
function chgAnchor(way){
if(way == 'next'){
currentAnchorNode++;
} else if (way =='previous'){
currentAnchorNode--;
}
if ( anchorNodes[currentAnchorNode] != undefined ){
document.location = anchorNodes[currentAnchorNode].getAttribute('href');
return true;
} else {
return false;
}
}

Et tes deux boutons doivent ressembler à ça

Code :

<input type="button" value="next" onclick="chgAnchor('next')/>
<input type="button" value="previous" onclick="chgAnchor('previous')/>

note: ce code est entièrement fait de tête, ça doit surement planter à 2/3 endroits mais tu as l'idée!

Message cité 2 fois

carot0

anapajari a écrit :

c'est pas en php mais en js qu'il faut que tu le fasses.

En gros je ferais ça en js

Code :

var aNodes = document.getElementsByTagName('a');
var anchorNodes = new Array();
for (var i = 0; i<aNodes.length; i++){
if ( aNodes.getAttribute('href').substring(0,1) == '#'){
anchorNodes.push(aNodes[i]);
}
}
var currentAnchorNode = 0;
function chgAnchor(way){
if(way == 'next'){
currentAnchorNode++;
} else if (way =='previous'){
currentAnchorNode--;
}
if ( anchorNodes[currentAnchorNode] != undefined ){
document.location = anchorNodes[currentAnchorNode].getAttribute('href');
return true;
} else {
return false;
}
}

Et tes deux boutons doivent ressembler à ça

Code :

<input type="button" value="next" onclick="chgAnchor('next')/>
<input type="button" value="previous" onclick="chgAnchor('previous')/>

note: ce code est entièrement fait de tête, ça doit surement planter à 2/3 endroits mais tu as l'idée!

merci je vais m'en inspirer !!

---------------
In a world without walls and fences, who needs Windows and Gates

dwogsi

Défaillance cérébrale...

anapajari a écrit :

c'est pas en php mais en js qu'il faut que tu le fasses.

Code :

<input type="button" value="next" onclick="chgAnchor('next')/>
<input type="button" value="previous" onclick="chgAnchor('previous')/>

note: ce code est entièrement fait de tête, ça doit surement planter à 2/3 endroits mais tu as l'idée!

Ba déjà sur que ça plante à deux endroits :
...onclick="chgAnchor('next')/>... >> Manque un "
...onclick="chgAnchor('previous')/>... >> De même

Et ça reste faisable avec du PHP! Mais ça implique le rechargement de la page...
[:chenaillou]

Message édité par dwogsi le 02-06-2006 à 02:34:45

carot0

peux tu m'expliquer ce passage :

var aNodes = document.getElementsByTagName('a');var anchorNodes = new Array();for (var i = 0; i<aNodes.length; i++){ if ( aNodes.getAttribute('href').substring(0,1) == '#'){ anchorNodes.push(aNodes[i]); }}

je ne le comprends pas et je ne sais pas où le mettre

---------------
In a world without walls and fences, who needs Windows and Gates

anapajari

s/travail/glanding on hfr/gs;

huum j'avais pas réfléchi a un truc à mon avis tu peux pas le mettre directement entre tes balises scripts, tu vas être obligé de mettre ça dans un fonction lancé au onload de ta page.
en gros ça donne ça:

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Exemple</title>
<style type="text/css">
</style>
<script type="text/javascript">
var anchorNodes = new Array();
var currentAnchorNode = 0;
function init(){
/***on recupères tous les liens ( tag = a ) de la page ***/
var aNodes = document.getElementsByTagName('a');
/*** on les parcours un par un ***/
for (var i = 0; i<aNodes.length; i++){
/*** on vérifie si ce sont des ancres ( leur attribut href commence par # ***/
if ( aNodes.getAttribute('href').substring(0,1) == '#'){
/*** si c'est le cas on les mets dans le tableau anchorNodes ( qui est une variable 'globale' de ta page et donc utilisable partout ***/
anchorNodes.push(aNodes[i]);
}
}
return true;
}
function chgAnchor(way){
...
}
</script>
</head>
<body onload="init();">
...
</body>
</html>

carot0

je rencontre une erreur sur cette ligne :

if ( aNodes.getAttribute('href').substring(0,1) == '#')

le message d'erreur:

cet objet ne gère pas cette propriété ou cette méthode

---------------
In a world without walls and fences, who needs Windows and Gates

anapajari

s/travail/glanding on hfr/gs;

manque le crochet pour indiqué quel element du tableau est encours de traitement

Code :

if ( aNodes[i].getAttribute('href').substring(0,1) == '#')

Message cité 1 fois

carot0

anapajari a écrit :

manque le crochet pour indiqué quel element du tableau est encours de traitement

Code :

if ( aNodes[i].getAttribute('href').substring(0,1) == '#')

bon j'ai plus d'erreurs mais cela ne prouduit rien ....
j'ai mis mes ancres comme ceci :

comme je suis sur un script php y a un echo devant et une variable pour le nom.

---------------
In a world without walls and fences, who needs Windows and Gates

Publicité

anapajari

s/travail/glanding on hfr/gs;

balourdes tout le code de ta page ...

carot0

Code :

<html>
<head>
<link type="text/css" rel="stylesheet" href="sites.css">
<link type="text/css" rel="stylesheet" href="stylelien.css">
<script language="JavaScript" src="images.js">
</script>
<script type="text/javascript">
var anchorNodes = new Array();
var currentAnchorNode = 0;
function init()
{ /***on recupères tous les liens ( tag = a ) de la page ***/
var aNodes = document.getElementsByTagName('a');
/*** on les parcours un par un ***/
for (var i = 0; i<aNodes.length; i++)
{
/*** on vérifie si ce sont des ancres ( leur attribut href commence par # ***/
if ( aNodes[i].getAttribute('href').substring(0,1) == '#')
{
/*** si c'est le cas on les mets dans le tableau anchorNodes ( qui est une variable 'globale' de ta page et donc utilisable partout ***/
anchorNodes.push(aNodes[i]);
}
} return true;
}
function chgAnchor(way)
{
if(way == 'next')
{
currentAnchorNode++;
}
else if (way =='previous')
{
currentAnchorNode--;
}
if ( anchorNodes[currentAnchorNode] != undefined )
{
document.location = anchorNodes[currentAnchorNode].getAttribute('href');
return true;
}
else
{
return false;
}
}
function cat()
{
alert(document.forms.form1.categorie.selectedItem);
if(document.forms.form1.categorie.selectedItem=="catégorie" )
{
document.forms.form1.categorie.style.display="none";
document.forms.form1.mot.style.display="block";
}
else
{
document.forms.form1.categorie.style.display="block";
document.forms.form1.mot.style.display="none";
}
}
</script>
</head>
<body onload="init();">
.....
while ($row = mysql_fetch_array($result, MYSQL_BOTH))
{
echo '<a name='.$ancre.' href="#'.$ancre.'"></a>';
$ancre++;
....
echo'<td style="vertical-align: middle;"><img style="border: 0px solid ; width: 35px; height: 35 px; " alt="" ;onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage (\'pp1\',\'\',\'boutonbasehautp2.gif\',1)" name="pp1" src="boutonbasehautp1.gif" ></a>';
echo'<img style="border: 0px solid ; width: 35px; height: 35 px;" alt="" onclick="chgAnchor(\'previous\')"; onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage (\'pp\',\'\',\'boutonbasehaut2.gif\',1)" name="pp" src="boutonbasehaut1.gif" ></td>';
echo'<td style="vertical-align: middle;"><img style="border: 0px solid ; width: 35px; height: 35px;" alt="" onclick="chgAnchor(\'next\')"; onmousedown=""; onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage (\'ps\',\'\',\'boutonbasebas2.gif\',1)" name="ps" src="boutonbasebas1.gif">';
echo'<img style="border: 0px solid ; width: 35px; height: 35px;" alt="" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage (\'ps1\',\'\',\'boutonbasebasp2.gif\',1)" name="ps1" src="boutonbasebasp1.gif"></a></td>';
<?PHP

Message édité par carot0 le 02-06-2006 à 11:19:08

---------------
In a world without walls and fences, who needs Windows and Gates

carot0

[:atreyu]

---------------
In a world without walls and fences, who needs Windows and Gates

anapajari

s/travail/glanding on hfr/gs;

t'es bien gentil mais j'interprete pas le php, donc si on pouvais avoir le code HTML ça serait mieux

Message cité 1 fois

carot0

anapajari a écrit :

t'es bien gentil mais j'interprete pas le php, donc si on pouvais avoir le code HTML ça serait mieux

en fait le code html se trouve derriere les echo
mais je vais essayer de dépoussierer ca pour que ca soit plus compréhensible.

Message cité 1 fois

---------------
In a world without walls and fences, who needs Windows and Gates

anapajari

s/travail/glanding on hfr/gs;

carot0 a écrit :

en fait le code html se trouve derriere les echo

Aaaaah c'est comme ça que ça marche ...

carot0 a écrit :

mais je vais essayer de dépoussierer ca pour que ca soit plus compréhensible.

En fait c'est même pas sur que cela soit plus compréhensible vu la beauté du code HTML que tu semble générer.

Donc voici une petit P.O.C., j'ai touché à rien, c'est exactement le code que tu as mis ( moins ce qui servait pas):

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Ancres</title>
<script type="text/javascript">
var anchorNodes = new Array();
var currentAnchorNode = 0;
function init() {
/***on recupÃ¨res tous les liens ( tag = a ) de la page ***/
var aNodes = document.getElementsByTagName('a');
/*** on les parcours un par un ***/
for (var i = 0; i<aNodes.length; i++) {
/*** on vÃ©rifie si ce sont des ancres ( leur attribut href commence par # ***/
if ( aNodes[i].getAttribute('href').substring(0,1) == '#') {
/*** si c'est le cas on les mets dans le tableau anchorNodes ( qui est une variable 'globale' de ta page et donc utilisable partout ***/
anchorNodes.push(aNodes[i]);
}
} return true;
}
function chgAnchor(way) {
if(way == 'next') {
currentAnchorNode++;
} else if (way =='previous') {
currentAnchorNode--;
}
if ( anchorNodes[currentAnchorNode] != undefined ) {
document.location = anchorNodes[currentAnchorNode].getAttribute('href');
return true;
} else {
return false;
}
}
</script>
</head>
<body onload="init()">
<input type="button" value="next" onclick="chgAnchor('next')"/>
<input type="button" value="previous" onclick="chgAnchor('previous')"/>
<a name='A' href="#A">AAA</a>
<a name='B' href="#B">BBB</a>
<a name='C' href="#C">CCC</a>
<a name='D' href="#D">DDD</a>
<a name='E' href="#E">EEE</a>
</body>
</html>

Message cité 1 fois

carot0

anapajari a écrit :

Aaaaah c'est comme ça que ça marche ...

En fait c'est même pas sur que cela soit plus compréhensible vu la beauté du code HTML que tu semble générer.

Donc voici une petit P.O.C., j'ai touché à rien, c'est exactement le code que tu as mis ( moins ce qui servait pas):

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Ancres</title>
<script type="text/javascript">
var anchorNodes = new Array();
var currentAnchorNode = 0;
function init() {
/***on recupÃ¨res tous les liens ( tag = a ) de la page ***/
var aNodes = document.getElementsByTagName('a');
/*** on les parcours un par un ***/
for (var i = 0; i<aNodes.length; i++) {
if ( aNodes[i].getAttribute('href').substring(0,1) == '#') {
/*** si c'est le cas on les mets dans le tableau anchorNodes ( qui est une variable 'globale' de ta page et donc utilisable partout ***/
anchorNodes.push(aNodes[i]);
}
} return true;
}
function chgAnchor(way) {
if(way == 'next') {
currentAnchorNode++;
} else if (way =='previous') {
currentAnchorNode--;
}
if ( anchorNodes[currentAnchorNode] != undefined ) {
document.location = anchorNodes[currentAnchorNode].getAttribute('href');
return true;
} else {
return false;
}
}
</script>
</head>
<body onload="init()">
<input type="button" value="next" onclick="chgAnchor('next')"/>
<input type="button" value="previous" onclick="chgAnchor('previous')"/>
<a name='A' href="#A">AAA</a>
<a name='B' href="#B">BBB</a>
<a name='C' href="#C">CCC</a>
<a name='D' href="#D">DDD</a>
<a name='E' href="#E">EEE</a>
</body>
</html>

je vais essayer comme çà merci !

edit : si tu as des conseil pour que mon html soit plus "propre" je suis preneur

edit 2 : j'ai mis ton code dans un *.html et les bouton next et previous ne marchent pas ....

Message édité par carot0 le 07-06-2006 à 10:00:04

---------------
In a world without walls and fences, who needs Windows and Gates

carot0

j'ai fait un alert (aNodes[i].getAttribute('href').substring(0,1));
et j'ai pu constaté que les lien avec une ancre était en fait da la forme : adresse-serveur/page.php# donc le if n'est jamais valable car la chaine ne commence jamais pas un # mais par h..

---------------
In a world without walls and fences, who needs Windows and Gates

anapajari

s/travail/glanding on hfr/gs;

remplace:

Code :

if ( aNodes[i].getAttribute('href').substring(0,1) == '#') {

par

Code :

if ( aNodes[i].getAttribute('href').indexOf('#') >= 0) {

Message cité 1 fois

carot0

anapajari a écrit :

remplace:

Code :

if ( aNodes[i].getAttribute('href').substring(0,1) == '#') {

par

Code :

if ( aNodes[i].getAttribute('href').indexOf('#') >= 0) {

j'ai fait un truc dans le genre mais si dans ma page je propose des liens vers d'autre pages comportant des ancre elle seront rescensé elles aussi... comment eviter cela ?

---------------
In a world without walls and fences, who needs Windows and Gates

anapajari

s/travail/glanding on hfr/gs;

Bin tu testes si ton lien va bien sur ton serveur [:spamafote]

note: il n'est pas interdit de réfléchir tout seul

Message cité 1 fois

carot0

anapajari a écrit :

Bin tu testes si ton lien va bien sur ton serveur [:spamafote]

note: il n'est pas interdit de réfléchir tout seul

merci pour tes reponse et dsl pour les questions "con" j'ai perdu le man de mon brain

---------------
In a world without walls and fences, who needs Windows and Gates

Publicité

FORUM HardWare.fr

Programmation

PHP

gerer les ancres dynamiquement

Sujets relatifs
repérer un champ javascript dynamiquement	comment créer un TABLE dynamiquement?
Appeler un template dynamiquement	XML - suppresion de noeuds dynamiquement [erreur]
Mettre dynamiquement un JPanel au dessus d'un autre	Gérer les téléchargements
XMl gèrer les dtd ou schema pour le c++	Changer dynamiquement l'élément selected d'une liste déroulant ?
[C# ASP.NET][Probleme] Affecter un CSSCLASS dynamiquement ?	Créer dynamiquement une classe avec ses parametres (possible or not ?)
Plus de sujets relatifs à : gerer les ancres dynamiquement

Page générée en 0.166 secondes