creer des liens à la volée ?

Version imprimable

Bonsoir à tous,

Je cherche à créer des liens capables de faire passer des variables en GET.

j'ai une boucle qui me permet d'obtenir le jour de début et de fin de semaine pour le mois qui à été choisi par l'utilisateur

Voici la boucle :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 for(i=0; i<=days; i+=7){ var semaine = new Date(debutMois); var finSemaine = new Date(debutMois); semaine.setDate((-(firstDay-1))+i); finSemaine.setDate((7-firstDay)+i); dateDu=semaine.getDate()+"-"+(semaine.getMonth()+1)+"-"+semaine.getFullYear(); dateAu=finSemaine.getDate()+"-"+(finSemaine.getMonth()+1)+"-"+finSemaine.getFullYear(); document.form1.dateDu.value+="semaine du "+dateDu+" au "+dateAu+"\n"; }; };
cette boucle me génère par exemple :

semaine du 30-3-2008 au 5-4-2008
semaine du 6-4-2008 au 12-4-2008
semaine du 13-4-2008 au 19-4-2008
semaine du 20-4-2008 au 26-4-2008
semaine du 27-4-2008 au 3-5-2008

je voudrais que chaque ligne soit un lien vers une page à laquelle ils passent une variable correspondant à la semaine concernée.

Mais si j'écris dans mon script :

document.form1.dateDu.value+="<a href='maPage.php'>semaine du "+dateDu+" au "+dateAu+"</a>\n";

j'obtiens ceci :

<a href='maPage.php'>semaine du 30-3-2008 au 5-4-2008</a>
<a href='maPage.php'>semaine du 6-4-2008 au 12-4-2008</a>
<a href='maPage.php'>semaine du 13-4-2008 au 19-4-2008</a>
<a href='maPage.php'>semaine du 20-4-2008 au 26-4-2008</a>
<a href='maPage.php'>semaine du 27-4-2008 au 3-5-2008</a>

qui ne sont pas des liens...

Pouvez vous me donner un ou deux conseil pour arriver à mes fins ?

Merci d'avance

18/04/2008, 08h45
Jumano

Bonjour,
Dans ta fonction tu as document.form1.dateDu.value , dateDu correspond à un champs, à une div, ou autre ?

Sinon tu peux faire comme ceci :

Code:

document.getElementById('dateDu').innerHTML = "<a href='maPage.php'>semaine du "+ dateDu +" au "+ dateAu +"</a>\n";

Et dans ta page tu créés une <div> :

Code:

<div id=dateDu"></div>
18/04/2008, 09h21
marcha
Salut,

Si tu veux passer des informations à une page php tu as plusieurs solutions

1) Tu crée les informations de date que tu place dans des champs input
d'un formulaire et tu envoie celui-ci à ta page

2) Tu crée des liens avec des paramètres dans l'url, par exemple:
Code:

1 2 3 url = 'maPage.php?du=' + semaine.getDate() + '&au=' + finSemaine.getDate(); document.getElementById('dateDu').innerHTML = "<a href='" + url + "'>semaine du "+ dateDu +" au "+ dateAu +"</a>\n";
Coté php tu reçoit un timestamp javavascript qu'il faut diviser par 1000 pour avoir
un timestamp php. Tu peux aussi passer ta date sous un autre format mais c'est
moins pratique à traiter coté php, enfin ça dépend de ton application.
18/04/2008, 10h30
Alexdezark

1 pièce(s) jointe(s)

Bonjour et merci de vos réponses,

Le problème c'est que ce que vous me dites là, j'ai essayé jusqu'à 3h00 du mat'... sans aucun résultat :cry:

Rien ne s'affiche dans mon <div> et la console d'erreur de firefox me dit :

document.getElementById('dateDu') has no properties.

J'ai même essayé de placer ma <div> hors de mon formulaire... sans plus de résultat

Voici le fichier en pièce-jointe, si vous pouvez me dire ou se trouve l'erreur ça m'aidera bien

Merci d'avance

Bonne journée
18/04/2008, 10h39
Jumano

Dans l'id de ta div tu fermes les " mais tu les ouvres pas :

Code:

<p align="center"><div id="dateDuDiv"></div></p>
18/04/2008, 10h58
Alexdezark

Merci de ta réponse :D

Effectivement ça marche mieux :oops:

Si j'ai trainé cette erreur toute la nuit... j'ai fait assez fort !

Est ce que tu peux me dire comment faire pour faire apparaitre un bouton radio en bout de ligne plutot qu'un lien direct ? (dans ma boucle FOR)

ça colerai mieux avec le reste de mon formulaire.

je lui mettrai comme "value" mes deux variables "dateDu" et "dateAu"

Merci encore pour le regard externe et bien éveillé ;)

Bonne journée à tous
18/04/2008, 11h04
Alexdezark

Merci mais ne t'embète pas... :D

J'ai résolu ma question très rapidement...

Maintenant que ma div fonctionne... rien de plus simple.

Merci beaucoup de ton aide et bonne journée à tous

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
texttmp="";
for(i=0; i<=days; i+=7){
 
var semaine = new Date(debutMois);
var finSemaine = new Date(debutMois);
semaine.setDate((-(firstDay-1))+i);
finSemaine.setDate((7-firstDay)+i);
 
dateDu=semaine.getDate()+"-"+(semaine.getMonth()+1)+"-"+semaine.getFullYear();
dateAu=finSemaine.getDate()+"-"+(finSemaine.getMonth()+1)+"-"+finSemaine.getFullYear();
texttmp+="<input type='radio' name='dateDu' value='"+dateDu+"'/>semaine du "+ dateDu +" au "+ dateAu +"<br/>";
};
 
document.getElementById('dateDuDiv').innerHTML=texttmp;
};

18/04/2008, 11h22
Alexdezark

Merci à toi aussi Mathieu :D

C'est bien comme ça que j'avais fait.

Merci encore pour votre coup de main à tous les deux.

Je vais mettre ce post en "résolu"

Bonne journée