inscrire dans un javascript les résltats d'une requete Mysql

**nono3000** · 21/12/2005, 09h58

Bonjour,

Comment inscrire dans un javascript les résultats d'une requete Mysql ?

Je récupère des noms d'images

img03.jpg
1mg526.jpg

Et je veux ensuite ajouter dynamiquement (car le nb d'images change régulièrement)
ces noms dans un url d'un java (x fois la ligne concernée)

une idée ?

**siddh** · 21/12/2005, 10h06

montre un exemple de ce que tu voudrais générer

**nono3000** · 21/12/2005, 10h59

Pour le moment ma var i est défini par $nb (résultat d'une requete MySQL comptant les imgs du repertoire)

Mon but est maintenant de mutliplier la ligne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.write("mpic[mpic.length] = new info('nono_nono', 'images/nomdelimage" + o + ".jpg', 'test', 'http', 'm' + mpic.length);");

Et de modifier "nomdelimage par le véritable nom de l'image

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script type="text/javascript" title="G1SCRIPT">
<!-- Begin
/* 
Created by: Cat Arriola :: http://astrodiva.journalspace.com 
*/
 
/* ------- begin edit -------- */
 
var listName='Photo(s)'; // the title of your list between single quotes
var mpic=new Array();
 
/* Edit link info in this order: name, image file, site title, URL
Insert each info between single quote marks, followed by a comma
(Replace '#' with the URL but leave the two quotes, i.e.
'http://www.theURL.com')*/
var i, o;
o = 0;
document.write("<script language='Javascript'>");
while (o < i) {
document.write("mpic[mpic.length] = new info('nono_nono', 'images/nomdelimage" + o + ".jpg', 'test', 'http', 'm' + mpic.length);");
o++;}
document.write("</script>");

**siddh** · 21/12/2005, 11h07

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
document.write("<script language='Javascript'>");
<?
$res = mysql_query.....
while($row = mysql_fetch_assoc($res)){
echo "document.write(\"mpic[mpic.length] = new info('nono_nono', 'images/" .row["image"]."', 'test', 'http', 'm' + mpic.length);\");";
}
?>
document.write("</script>");

un truc comme ca

**nono3000** · 21/12/2005, 11h21

Parse error: parse error, expecting `','' or `';'' in c:\program files\easyphp1-8\www\loggage2\img_blog.php on line 77

il est pas fan ^^

**siddh** · 21/12/2005, 11h22

montre ton code

**nono3000** · 21/12/2005, 11h23

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<?php 
//******check session******
include ("auth/check.php");
//******check session******
//
// connexion à la base
//
include ("auth/connection.php");
//
//On execute la requete de selection des img_id triés par img_nom
//
 
        $sql = "SELECT img_nom FROM images";
 
//execution + vérification
 
        $req = mysql_query($sql) or die('Erreur SQL !'.$sql.'<br>'.mysql_error());
        
 
 //
// on ferme la connexion à mysql 
//
mysql_close();
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
#hotlist {
  border: 1px solid #dfdfdf;
  padding: 10px;
  width: 168px;
  text-align: left;
  color: gray;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
#hotlist a {
  color: gray;
  text-decoration: none;
}
 
#preview {
  text-align: center;
  display: none; /* do not change */
}
 
img.thumbnail {
  border: 1px solid #000000;
  cursor: pointer;
  width: 500px; /* change to your picture width */
  height: 420px; /* change to your picture height */
}
 
div#caption {
  font-size: 8pt;
}
 
.arrow {
  visibility: hidden; /* do not change */
  color: blue;
  font-family: Times New Roman, Times, serif; /* do not change */
}
-->
</style>
 
<script type="text/javascript" title="G1SCRIPT">
 
var listName='Photo(s)'; // the title of your list between single quotes
var mpic=new Array();
document.write("<script language='Javascript'>"); 
<?
 
while($row = mysql_fetch_assoc($req)){ 
echo "document.write(\"mpic[mpic.length] = new info('nono_nono', 'images/" .row["image"]."', 'test', 'http', 'm' + mpic.length);\");"; 
} 
?> 
document.write("</script>");
 
 
 
 
 
/* ------ Do not edit below this line ------ */
 
var minArr=new Array();
for (i=0; i<mpic.length; i++) {
  minArr[i]=new Image();
  minArr[i].src=mpic[i].thumb;
}
 
function info(nam, thumb, Title, web, markID) {
  this.nam = nam;
  this.thumb = thumb;
  this.Title = Title;
  this.web = web;
  this.markID = markID;
}
 
function codeIt() {
  document.write('<div id="hotlist"><b>' + listName + '</b>');
  document.write('<hr width="100%" size="1">');
  for (j=0; j<mpic.length; j++) {
    document.write('<a target="offsite" href="');
    document.write(mpic[j].web);
    document.write('" onMouseover="preview(' + j + ',\'' + mpic[j].markID + '\')">');
    document.write(mpic[j].nam);
    document.write('</a><span class="arrow" id="' + mpic[j].markID + '"> ◄</span><br>');
  }
  document.write('<br>');
  document.write('<div id="preview">');
  document.write('<img class="thumbnail" alt="" name="screenshot" src="' + minArr[0].src + '" onClick="dest()">');
  document.write('<div id="caption"></div>');
  document.write('<P><input type="button" value="Hide preview" onClick="hide()"></p>');
  document.write('</div></div>');
}
 
function preview(t,a) {
  unmarkAll();
  document.getElementById(a).style.visibility='visible';
  document.getElementById('preview').style.display='block';
  document.getElementById('caption').innerHTML=mpic[t].Title;
  document.images.screenshot.src=minArr[t].src;
  document.images.screenshot.title='Click to visit ' + mpic[t].nam + '';
}
 
function dest() {
  for (x=0; x<mpic.length; x++) {
    if (document.images.screenshot.src==minArr[x].src) {
      window.open(mpic[x].web, 'offsite');
    }
  }
}
 
function hide() {
  document.getElementById('preview').style.display='none';
  unmarkAll();
}
 
function unmarkAll() {
  for (c=0; c<mpic.length; c++) document.getElementById(mpic[c].markID).style.visibility='hidden';
}
 
// End -->
</script>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body>
<div align="center">
<SCRIPT language="JavaScript" title="G1SCRIPT" type="text/javascript">
//Script Généré sur le Site http://www.G1SCRIPT.COM
<!-- Begin
  codeIt()
// End -->
//Identifiant du script: V10-252/Images
//Mis en ligne: 03/08/05
//By TANGUY
</SCRIPT>
</div>
<p><font face="arial" size="1">Powered and Generated by </font><a href="http://www.G1SCRIPT.com" target="_blank"><font face="arial,helvetica" size="1">G1Script.Com</font></a></p>
 
</body>
</html>

**siddh** · 21/12/2005, 11h29

ok alors met img_nom au ieu de image dans $row[], et met un $ devant row

je l'avais oublié

**nono3000** · 21/12/2005, 11h51

Chez toi ça marche ? ici il fait une tête jte raconte meme pas ^^

"); /* ------ Do not edit below this line ------ */ var minArr=new Array(); for (i=0; i' + listName + ''); document.write('
--------------------------------------------------------------------------------
'); for (j=0; j'); document.write(mpic[j].nam); document.write(' ◄
'); } document.write('
'); document.write('
'); document.write(''); document.write('
'); document.write('

'); document.write('
'); } function preview(t,a) { unmarkAll(); document.getElementById(a).style.visibility='visible'; document.getElementById('preview').style.display='block'; document.getElementById('caption').innerHTML=mpic[t].Title; document.images.screenshot.src=minArr[t].src; document.images.screenshot.title='Click to visit ' + mpic[t].nam + ''; } function dest() { for (x=0; x
Powered and Generated by G1Script.Com

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<?php 
//******check session******
include ("auth/check.php");
//******check session******
//
// connexion à la base
//
include ("auth/connection.php");
//
//On execute la requete de selection des img_id triés par img_nom
//
 
        $sql = "SELECT img_nom FROM images";
 
//execution + vérification
 
        $req = mysql_query($sql) or die('Erreur SQL !'.$sql.'<br>'.mysql_error());
        
 
 //
// on ferme la connexion à mysql 
//
mysql_close();
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
#hotlist {
  border: 1px solid #dfdfdf;
  padding: 10px;
  width: 168px;
  text-align: left;
  color: gray;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
#hotlist a {
  color: gray;
  text-decoration: none;
}
 
#preview {
  text-align: center;
  display: none; /* do not change */
}
 
img.thumbnail {
  border: 1px solid #000000;
  cursor: pointer;
  width: 500px; /* change to your picture width */
  height: 420px; /* change to your picture height */
}
 
div#caption {
  font-size: 8pt;
}
 
.arrow {
  visibility: hidden; /* do not change */
  color: blue;
  font-family: Times New Roman, Times, serif; /* do not change */
}
-->
</style>
 
<script type="text/javascript" title="G1SCRIPT">
 
var listName='Photo(s)'; // the title of your list between single quotes
var mpic=new Array();
document.write("<script language='Javascript'>"); 
<?
 
while($row = mysql_fetch_array($req)){ 
echo "document.write(\"mpic[mpic.length] = new info('nono_nono','images/".$row["img_nom"]."', 'test', 'http', 'm' + mpic.length);\");"; 
} 
?> 
document.write("</script>");
 
 
 
 
 
/* ------ Do not edit below this line ------ */
 
var minArr=new Array();
for (i=0; i<mpic.length; i++) {
  minArr[i]=new Image();
  minArr[i].src=mpic[i].thumb;
}
 
function info(nam, thumb, Title, web, markID) {
  this.nam = nam;
  this.thumb = thumb;
  this.Title = Title;
  this.web = web;
  this.markID = markID;
}
 
function codeIt() {
  document.write('<div id="hotlist"><b>' + listName + '</b>');
  document.write('<hr width="100%" size="1">');
  for (j=0; j<mpic.length; j++) {
    document.write('<a target="offsite" href="');
    document.write(mpic[j].web);
    document.write('" onMouseover="preview(' + j + ',\'' + mpic[j].markID + '\')">');
    document.write(mpic[j].nam);
    document.write('</a><span class="arrow" id="' + mpic[j].markID + '"> ◄</span><br>');
  }
  document.write('<br>');
  document.write('<div id="preview">');
  document.write('<img class="thumbnail" alt="" name="screenshot" src="' + minArr[0].src + '" onClick="dest()">');
  document.write('<div id="caption"></div>');
  document.write('<P><input type="button" value="Hide preview" onClick="hide()"></p>');
  document.write('</div></div>');
}
 
function preview(t,a) {
  unmarkAll();
  document.getElementById(a).style.visibility='visible';
  document.getElementById('preview').style.display='block';
  document.getElementById('caption').innerHTML=mpic[t].Title;
  document.images.screenshot.src=minArr[t].src;
  document.images.screenshot.title='Click to visit ' + mpic[t].nam + '';
}
 
function dest() {
  for (x=0; x<mpic.length; x++) {
    if (document.images.screenshot.src==minArr[x].src) {
      window.open(mpic[x].web, 'offsite');
    }
  }
}
 
function hide() {
  document.getElementById('preview').style.display='none';
  unmarkAll();
}
 
function unmarkAll() {
  for (c=0; c<mpic.length; c++) document.getElementById(mpic[c].markID).style.visibility='hidden';
}
 
// End -->
</script>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body>
<div align="center">
<SCRIPT language="JavaScript" title="G1SCRIPT" type="text/javascript">
//Script Généré sur le Site http://www.G1SCRIPT.COM
<!-- Begin
  codeIt()
// End -->
//Identifiant du script: V10-252/Images
//Mis en ligne: 03/08/05
//By TANGUY
</SCRIPT>
</div>
<p><font face="arial" size="1">Powered and Generated by </font><a href="http://www.G1SCRIPT.com" target="_blank"><font face="arial,helvetica" size="1">G1Script.Com</font></a></p>
 
</body>
</html>

[/quote]

**siddh** · 21/12/2005, 11h54

mwarf, vires ton mysql_close et met le en bas de la page et met un mysql_fetch_assoc au lieu de array

**nono3000** · 21/12/2005, 12h13

Tjrs pas, j'ai bien fait tes modifs, une erreur de " "" "" ?

Faut-il toujours fermer la base ? c'est par sécurité ?

"); /* ------ Do not edit below this line ------ */ var minArr=new Array(); for (i=0; i' + listName + ''); document.write('
--------------------------------------------------------------------------------
'); for (j=0; j'); document.write(mpic[j].nam); document.write(' ◄
'); } document.write('
'); document.write('
'); document.write(''); document.write('
'); document.write('

'); document.write('
'); } function preview(t,a) { unmarkAll(); document.getElementById(a).style.visibility='visible'; document.getElementById('preview').style.display='block'; document.getElementById('caption').innerHTML=mpic[t].Title; document.images.screenshot.src=minArr[t].src; document.images.screenshot.title='Click to visit ' + mpic[t].nam + ''; } function dest() { for (x=0; x
Powered and Generated by G1Script.Com

**siddh** · 21/12/2005, 12h24

vire les document.write de <script ..> et </script> pour voir

**nono3000** · 21/12/2005, 14h09

Une bonne et une mauvaise nouvelle

voici le code renvoyé sur une page correctement généré il ne reste plus qu'a écrire ces lignes ds le Jscript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

mpic[mpic.length] = new info('nono_nono','images/ATT0000513.gif', 'test', 'http', 'm' + mpic.length);mpic[mpic.length] = new info('nono_nono','images/wallpaper3.jpg', 'test', 'http', 'm' + mpic.length);

on approche

mais c'est pas encore tt à fait ça

**siddh** · 21/12/2005, 14h19

qu est ce qui te manque ?

**nono3000** · 21/12/2005, 14h22

les 2 lignes d'inclusion ? vu qu'on vient de les virer :s

**siddh** · 21/12/2005, 14h38

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.write("&lt;script type='text/javascript'&gt;");

....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.write("&lt;/script&gt;");

**nono3000** · 21/12/2005, 14h56

ouai je sais mais on vient juste de les enlever ?

**siddh** · 21/12/2005, 14h58

oui mais la ca devrais passer non ?

c est les balises qui le gene donc en les remplacant par < et > ca devrais passer

**nono3000** · 21/12/2005, 15h13

dans la source (page blanche)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<br />
<b>Notice</b>:  Use of undefined constant document - assumed 'document' in <b>c:\program files\easyphp1-8\www\loggage2\img_blog.php</b> on line <b>69</b><br />
<br />
<b>Fatal error</b>:  Call to undefined function:  write() in <b>c:\program files\easyphp1-8\www\loggage2\img_blog.php</b> on line <b>69</b><br />

**siddh** · 21/12/2005, 15h18

murf euh faut les mettre dans des echo

inscrire dans un javascript les résltats d'une requete Mysql

JavaScript

Discussions similaires

Partager

Partager