[PHP + JS] vettore generato con PHP

[neo996sps]

Ciao a tutti,

ho un problema piuttosto assurdo in questo script:

<script>
	var demoTabs;
	Event.observe(window, "load", function() {
		//Immagini
		 
    
    var images = [
			"./img/slide/1.jpg",
			"./img/slide/2.jpg",
			"./img/slide/3.jpg",
      "./img/slide/4.jpg"
		];  

		new Widget.Fader("defaultDemo", images);

		});
	</script>

dovrei generare il vettore images popolandolo con un while in php. Praticamente una cosa del genere:

		<?php 
    $slide = mysql_query("SELECT * FROM foto LIMIT 10");
    while($exp_slide = mysql_fetch_array($slide))
{
    print("var images = ['".$exp_slide["foto"]."'];"); }    ?>

ma non funziona... mi sapreste dare un aiuto?

 

[Eliox]

$slide = mysql_query("SELECT * FROM foto LIMIT 10") or die (mysql_error());

 

[neo996sps]

ciao,

mi sono espresso male. Non è che mi si generi un errore, ma non funziona lo script perchè mi scrive in alto sulla pagina //Immagini

 

[Eliox]

Come hai inserito il PHP all'interno del JS?

 

[neo996sps]

Come hai inserito il PHP all'interno del JS?

ho provato così:

<script>
	var demoTabs;
	Event.observe(window, "load", function() {//Immagini
  </script>
		
		<?php 
    $slide = mysql_query("SELECT * FROM foto LIMIT 10") or die (mysql_error()); 
    print("<script>");
    while($exp_slide = mysql_fetch_array($slide))
    {print("var images = ['./img/slide/".$exp_slide["foto"]."'];"); }
    print("</script>");
    ?>
<script>
		new Widget.Fader("defaultDemo", images);

		});
	</script>

 

[alessandro1997]

Così però ti riscrive l'array ogni volta. Dovresti prima stampare questo:

var images = new Array();

E poi:

printf('images.push("%s");', $exp_slide['foto']);

 

[neo996sps]

allora, ho provato a modificare come suggerito da alessandro e ora il mio codice output è così:

  <script>
	var demoTabs;
	Event.observe(window, "load", function() { //Immagini
  var images = new Array();
  </script>
		
		<?php 
    $slide = mysql_query("SELECT * FROM foto LIMIT 10") or die (mysql_error()); 
    print("<script>");
    while($exp_slide = mysql_fetch_array($slide))
    {printf('images.push("./img/slide/%s");', $exp_slide['foto']);   }
    print("</script>");
    ?>
<script>
		new Widget.Fader("defaultDemo", images);

		});
	</script>

però tutt'ora non mi gira la slide

 

[borgo italia]

ciao
piccola osservazione,

 <?php 
    $slide = mysql_query("SELECT * FROM foto LIMIT 10");
    while($exp_slide = mysql_fetch_array($slide))
{
    print("var images = ['".$exp_slide["foto"]."'];"); }    ?>

non ti restituisce

<script>
	var demoTabs;
	Event.observe(window, "load", function() {
		//Immagini
    var images = [
			"./img/slide/1.jpg",
			"./img/slide/2.jpg",
			"./img/slide/3.jpg",
      "./img/slide/4.jpg"
		];  
		new Widget.Fader("defaultDemo", images);
		});
	</script>

ma, se non sbaglio

<script>
	var demoTabs;
	Event.observe(window, "load", function() {
		//Immagini
    var images = ["./img/slide/1.jpg"];
    var images = ["./img/slide/2.jpg"];
    var images = ["./img/slide/3.jpg"];
    //eccetera
		];  
		new Widget.Fader("defaultDemo", images);
		});
	</script>

 

[alessandro1997]

Sì, è per questo che gliel'ho fatto correggere.

 

[borgo italia]

ciao

Sì, è per questo che gliel'ho fatto correggere.

probabilmente ci siamo sovrapposti

 

[Eliox]

allora, ho provato a modificare come suggerito da alessandro e ora il mio codice output è così:

  <script>
	var demoTabs;
	Event.observe(window, "load", function() { //Immagini
  var images = new Array();
  </script>
		
		<?php 
    $slide = mysql_query("SELECT * FROM foto LIMIT 10") or die (mysql_error()); 
    print("<script>");
    while($exp_slide = mysql_fetch_array($slide))
    {printf('images.push("./img/slide/%s");', $exp_slide['foto']);   }
    print("</script>");
    ?>
<script>
		new Widget.Fader("defaultDemo", images);

		});
	</script>

però tutt'ora non mi gira la slide

Perché apri e chiudi i delimitatori "<script>" annidandoli?

 

[borgo italia]

ciao
non so se è il js che non funzia (conosco molto poco js), ma se vuoi ottenere un js fatto come hai scritto all'inizio prova cosi

<?php
echo <<< EOD
<script>
	var demoTabs;
	Event.observe(window, "load", function() {
    var images = [
EOD;
$slide = mysql_query("SELECT * FROM foto LIMIT 10");
$foto="";
while($exp_slide = mysql_fetch_array($slide)) {
	$foto.="\.img/slide/".$exp_slide["foto"]."\",\n";
	}
echo $foto;
echo <<< EOD
];  
		new Widget.Fader("defaultDemo", images);
		});
	</script>
EOD;
?>

mal che vada non funzia

p.s.
eventualmente prova nella riga
$foto.="\.img/slide/".$exp_slide["foto"]."\",\n";
a sostituire \n con <br>
$foto.="\.img/slide/".$exp_slide["foto"]."\",<br>";

 

[neo996sps]

Sono riuscito a risolvere incrociando vari suggerimenti. Ecco il codice finale:

<?php
  print ("<script>	var demoTabs;
	Event.observe(window, 'load', function() {"); 
    $slide = mysql_query("SELECT * FROM foto LIMIT 10");
    print("var images = [");
    while($exp_slide = mysql_fetch_array($slide))
    {
     
    print("\"./img/slide/".$exp_slide["foto"]."\", ");
    
    
    }
    print("];");    
 print("new Widget.Fader('defaultDemo', images);});
	</script>");   
    ?>