Aprire una nuova finestra con il codice presente in una textarea

[miki92]

E' possibile aprire una nuova finestra con un codice (php) presente in una textarea?
Praticamente vorrei inserire nell'area script del mio sito script php e invece di creare una pagina per l'anteprima dello script e uno per il codice vorrei fare una sola pagina con una textarea che contenendo il codice php su click dell'utente si apra in una finestra _blank.
Cosi potrei migliorare anche le pagine che ho ora. Si può fare una cosa del genere?

[dreadnaut]

mandi il contenuto del form ad una pagina che lo prende e lo passa alla funzione eval().

Occhio che se nella textarea ci scrivo unlink('*'); ...

[miki92]

Ah, devo tornare sulla "ben fatta guida di php.net"
Comunque non ho capito bene, io ho il codice nella textarea, poi?

[Ospite]

Dreadnaut, se ho capito lui non vuole interpretare il codice ma mostrarlo semplicemente a video come anteprima.
In quel caso devi mandare alla finestra il codice utilizzando la funzione htmlspecialchars() per evitare che questo venga interpretato.

Ti avviso comunque, questa volta io non posterò nessuno script completo.
Se davvero come cita la tua firma "hai la forza e l'interesse di continuare nel tuo intento",farai di tutto per scrivere il tuo script, anche studiare un'pò.

[miki92]

Sisi questa volta voglio io mettere lo script. Però hai ragione tu probid, non voglio mostrare il codice come fà la funzione eval.
Esempio pratico:
Ho una textarea con un codice php, sotto la textarea c'è il link "Visualizza questo codice in anteprima". L'utente appena ci clicca sopra si apre in una nuova finestra il codice php presente nella textarea. Che funzione devo usare?

[dreadnaut]

ti direi di guardare highlight_string(), highlight_file() e la già citata htmlspecialchars() e vedere quale delle tre fa il lavoro che preferisci

in più, leggiti queste discussioni

[Ospite]

Te l'ho già detto.
Per aprire una nuova finestra devi usare JavaScript, documentati su come fare leggendo in qualche guida/tutorial sull'argomento, dove certamente troverai qualche info utile.
Passati i dati, devi usare la funzione htmlspecialchars() che ti ho linkato sopra per convertire i caratteri speciali in entità HTML.
Magari possono servire anche le funzioni stripslashes() e addslashes().
Se vuoi migliorare il tutto puoi colorare il codice php come avviene in questo forum utilizzando le funzioni highlight_string e highlight_file().

EDIT: Azz, sono stato un'pò troppo lento :S

[miki92]

Ho capito che potrei fare cosi:

$file = file_get_contents("code.txt");
highlight_string("$file"); 

Ma come devo chiamare questa funzione tramite link :

<a href="javascript:void(0)" onclick="window.open('<?php $file ?>','Codice','width=500,height=500,scrollbar);">Apri codice</a>

il mio consiglio è di usare ajax, praticamente quando clicchi sul link con ajax (cioè senza ricaricare la pagina) invii il form ad una pagina in php che, crea un file con il codice che c'era nella textarea, poi apre il popup e un altra pagina in php mostra il codice salvato nel file!
E' un po complicato, ma non mi viene in mente nessun altro modo per passare il codice dal form al popup!

[miki92]

Scusami un momento, se ho capito bene:
Clicco sul link che invia il codice della textarea a un file php che a sua volta apre una nuova pagina con il contenuto del codice php. In modo tale che se nella textarea ci sia

<? echo "CIAO"; ?>

mi compare nella nuova pagina "CIAO"?

[Ospite]

Sai quanto ha capito di ciò che t'ha detto jostock? 0
Rileggi BENE il suo post.
Ti posto lo script Ajax, soltanto perchè voglio imparare questo linguaggio e ho bisogno di pratica.
Praticamente tramite la funzione JS inviacodice('codice') puoi inviare tramite get (tramite post nn lo so fare) il codice alla pagina scrivi.php, che dovrebbe scriverla su un file (sta a te creare il codice per farlo)
Poi puoi leggere tramite php il contenuto di quel file in un popup come hai fatto nel post 8.

Per il resto ci pensi da solo.

<script type="text/javascript">
function Inviacodice(Stringa)
{
    if (Stringa.length > 0)
    {

        XMLHTTP = RicavaBrowser(CambioStato);
        XMLHTTP.open("GET", "scrivi.php?code="+Stringa, true);
        XMLHTTP.send(null);

}


function RicavaBrowser(QualeBrowser)
{
    if (navigator.userAgent.indexOf("MSIE") != (-1))
    {
        var Classe = "Msxml2.XMLHTTP";
        if (navigator.appVersion.indexOf("MSIE 5.5") != (-1));
        {
            Classe = "Microsoft.XMLHTTP";
        } 
        try
        {
            OggettoXMLHTTP = new ActiveXObject(Classe);
            OggettoXMLHTTP.onreadystatechange = QualeBrowser;
            return OggettoXMLHTTP;
        }
        catch(e)
        {
            alert("Errore: l'ActiveX non verrà eseguito!");
        }
    }
    else if (navigator.userAgent.indexOf("Mozilla") != (-1))
    {
        OggettoXMLHTTP = new XMLHttpRequest();
        OggettoXMLHTTP.onload = QualeBrowser;
        OggettoXMLHTTP.onerror = QualeBrowser;
        return OggettoXMLHTTP;
    }
    else
    {
        alert("Browser non abilitato");
    }
}</script> 

[miki92]

Ho un casino nella testa come il solito. Ricapitoliamo passo per passo.

1. Creo la pagina codice1.php con:

<form action=scrivi.php method=get>
<textarea>codice</textarea>
<input type=submit value=Visualizza codice />
</form>

2. Poi dovrebbe scrivermi un file? Come? Come si chiama?

[Ospite]

<script type="text/javascript">
function Inviacodice(Stringa)
{
    if (Stringa.length > 0)
    {

        XMLHTTP = RicavaBrowser(CambioStato);
        XMLHTTP.open("GET", "scrivi.php?code="+Stringa, true);
        XMLHTTP.send(null);

}


function RicavaBrowser(QualeBrowser)
{
    if (navigator.userAgent.indexOf("MSIE") != (-1))
    {
        var Classe = "Msxml2.XMLHTTP";
        if (navigator.appVersion.indexOf("MSIE 5.5") != (-1));
        {
            Classe = "Microsoft.XMLHTTP";
        } 
        try
        {
            OggettoXMLHTTP = new ActiveXObject(Classe);
            OggettoXMLHTTP.onreadystatechange = QualeBrowser;
            return OggettoXMLHTTP;
        }
        catch(e)
        {
            alert("Errore: l'ActiveX non verrà eseguito!");
        }
    }
    else if (navigator.userAgent.indexOf("Mozilla") != (-1))
    {
        OggettoXMLHTTP = new XMLHttpRequest();
        OggettoXMLHTTP.onload = QualeBrowser;
        OggettoXMLHTTP.onerror = QualeBrowser;
        return OggettoXMLHTTP;
    }
    else
    {
        alert("Browser non abilitato");
    }
}</script>

<form name="form">
<textarea name="textarea">codice</textarea>
<input type="button" value="Visualizza codice" onclick="Inviacodice('document.form.textarea.value');">
</form> 

In scrivi.php devi mettere lo script (che ti crei) per scrivere su file.

Ti ricordo che nel suddetto script il codice inviato e contenuto nella variabile $_GET['code']

io ho proposto ajax per non passare il codice tramite get direttamente al popup...

allora ecco i codici (sono troppo buono):

SCRIPT JS che richiama un file in php e poi apre un popup

function submit(FILE, METHOD)
{
	
	var target = '';
	var rnd = Math.random();
	var num = document.forms[0].elements.length;
	var url = "";
	for (var i = 0; i < num; i++)
	{
		var chiave = document.forms[0].elements[i].name;
		var valore = document.forms[0].elements[i].value;
		var tipo = document.forms[0].elements[i].type;

		if ( (tipo != "submit") && (tipo != "radio") && (tipo != "checkbox") )
		{
			url += chiave + "=" + valore + "&";
		}
	}
	var parameters = url;
	
	url = FILE + "?" + url + "rnd" + rnd;
	
	if (METHOD == undefined)
	{
		METHOD = "GET";
	}
	if (METHOD == "GET")
	{
		ahah(url, target, '', METHOD);
	}
	else
	{
		ahah(FILE, target, '', METHOD, parameters);
	}
}

function ahah(url, target, delay, method, parameters)
{
	if (method == undefined)
	{ 
		if (window.XMLHttpRequest)
		{
			req = new XMLHttpRequest();
	  	}
		else if (window.ActiveXObject)
		{
			req = new ActiveXObject("Microsoft.XMLHTTP");
	  	}
	  	if (req)
		{
			req.onreadystatechange = function()
			{
				//ahahDone(url, target, delay, method, parameters);
			  	if (req.readyState == 4)
				{ 
    				if (req.status == 200)
					{ 
      					response = req.responseText;
    				}
  				}

			};
			req.open("GET", url, true);
			req.send("");
	 	}  
 	}
	if ( (method == "GET") || (method == "get") )
  	{
	  	if (window.XMLHttpRequest)
		{
			req = new XMLHttpRequest();
	  	}
		else if (window.ActiveXObject)
		{
			req = new ActiveXObject("Microsoft.XMLHTTP");
	  	}
	  	if (req)
		{
			req.onreadystatechange = function()
			{
				//ahahDone(url, target, delay, method, parameters);
			  	if (req.readyState == 4)
				{ 
    				if (req.status == 200)
					{ 
      					response = req.responseText;
    				}
  				}

			};
			req.open(method, url, true);
			req.send("");
	  	}
  	}

  	if ( (method == "POST") || (method == "post") )
  	{
	  	if (window.XMLHttpRequest)
		{
			req = new XMLHttpRequest();
	  	} else if (window.ActiveXObject)
		{
			req = new ActiveXObject("Microsoft.XMLHTTP");
	  	}
	  	if (req)
		{
			req.onreadystatechange = function()
			{
				//ahahDone(url, target, delay, method, parameters);
			  	if (req.readyState == 4)
				{ 
    				if (req.status == 200)
					{ 
      					response = req.responseText;
    				}
  				}

			};
			req.open(method, url, true);
			req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			req.send(parameters);
	  	}
  	}
	//return response;
}  

function ahahDone(url, target, delay, method, parameters)
{
 	 if (req.readyState == 4)
	 { 
    	if (req.status == 200)
		{
			window.open('file.php?file=' + req.responseText,'Codice','width=500,height=500,scrollbar);
    	}
  	}
}

Form con la textarea:

<form action="" method="post">
<textarea name="codice"></textarea>
<input type="button" name="invia" value="Visualizza codice" onclick="submit('scrivi.php', 'POST')">
</form>

file scrivi.php

<?
function random($dir)
{
$rand = rand(0, 15000);
$file = 'fileid' . $rand . '.txt';
if( file_exists($dir . $file) )
{
random($dir)
}
else
{
return $rand;
}
}

$dir = 'cartella/';
$rand = random($dir);
$path = 'fileid' . $rand . '.txt';

$fp = fopen($path, 'w+');
if( fwrite($fp, $_POST['codice']) )
{
echo $rand;
}
fclose($fp);
?>

file file.php

<?
$dir = 'cartella/';
$file = $dir . 'fileid' . $_GET['file'] . '.txt';

$code = hightlight_file($file);
echo $code;
?>

Naturalmente i codici non li ho provati

[miki92]

C'è qualche cosa che non ho capito:
1. I primi due codici, il JS e la textarea come vanno inseriti? Cioè stanno nella stessa pagina oppure in due file diversi?
2. Devo modificare qualche cosa nei primi due file?

i primi 2 codici li devi mettere nella stessa pagina, oppure il javascript lo inserisci in un file esterno e poi lo richiami...
Se non cambi i nomi ai file non devi modificare niente, altrimenti devi modificare il nome del file nella riga di codice in js sull'onclick del bottone!
Gli altri 2 codici vanno in file separati!

[miki92]

Beh allora, non funzionano ci ho provato ma quando clicco su "Visualizza Codice" non succede niente, tranne errori in javascript che mi vengono segnalati sulla status bar.

[Ospite]

Sei sicuro di aver seguito le istruzioni alla lettera?
Facci vedere la pagina o posta il codice.

p.s: c'è un errore di battitura di jostock:
$code = hightlight_file($file);
dovrebbe essere:
$code = highlight_file($file);

Posta anche gli errori di javascript!

[miki92]

Ok ecco:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Senza nome 1</title>
<script type="text/javascript">
function submit(FILE, METHOD)
{
	
	var target = '';
	var rnd = Math.random();
	var num = document.forms[0].elements.length;
	var url = "";
	for (var i = 0; i < num; i++)
	{
		var chiave = document.forms[0].elements[i].name;
		var valore = document.forms[0].elements[i].value;
		var tipo = document.forms[0].elements[i].type;

		if ( (tipo != "submit") && (tipo != "radio") && (tipo != "checkbox") )
		{
			url += chiave + "=" + valore + "&";
		}
	}
	var parameters = url;
	
	url = FILE + "?" + url + "rnd" + rnd;
	
	if (METHOD == undefined)
	{
		METHOD = "GET";
	}
	if (METHOD == "GET")
	{
		ahah(url, target, '', METHOD);
	}
	else
	{
		ahah(FILE, target, '', METHOD, parameters);
	}
}

function ahah(url, target, delay, method, parameters)
{
	if (method == undefined)
	{ 
		if (window.XMLHttpRequest)
		{
			req = new XMLHttpRequest();
	  	}
		else if (window.ActiveXObject)
		{
			req = new ActiveXObject("Microsoft.XMLHTTP");
	  	}
	  	if (req)
		{
			req.onreadystatechange = function()
			{
				//ahahDone(url, target, delay, method, parameters);
			  	if (req.readyState == 4)
				{ 
    				if (req.status == 200)
					{ 
      					response = req.responseText;
    				}
  				}

			};
			req.open("GET", url, true);
			req.send("");
	 	}  
 	}
	if ( (method == "GET") || (method == "get") )
  	{
	  	if (window.XMLHttpRequest)
		{
			req = new XMLHttpRequest();
	  	}
		else if (window.ActiveXObject)
		{
			req = new ActiveXObject("Microsoft.XMLHTTP");
	  	}
	  	if (req)
		{
			req.onreadystatechange = function()
			{
				//ahahDone(url, target, delay, method, parameters);
			  	if (req.readyState == 4)
				{ 
    				if (req.status == 200)
					{ 
      					response = req.responseText;
    				}
  				}

			};
			req.open(method, url, true);
			req.send("");
	  	}
  	}

  	if ( (method == "POST") || (method == "post") )
  	{
	  	if (window.XMLHttpRequest)
		{
			req = new XMLHttpRequest();
	  	} else if (window.ActiveXObject)
		{
			req = new ActiveXObject("Microsoft.XMLHTTP");
	  	}
	  	if (req)
		{
			req.onreadystatechange = function()
			{
				//ahahDone(url, target, delay, method, parameters);
			  	if (req.readyState == 4)
				{ 
    				if (req.status == 200)
					{ 
      					response = req.responseText;
    				}
  				}

			};
			req.open(method, url, true);
			req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			req.send(parameters);
	  	}
  	}
	//return response;
}  

function ahahDone(url, target, delay, method, parameters)
{
 	 if (req.readyState == 4)
	 { 
    	if (req.status == 200)
		{
			window.open('file.php?file=' + req.responseText,'Codice','width=500,height=500,scrollbar);
    	}
  	}
}
</script>

</head>

<body>
<form action="" method="post">
<textarea name="codice"><?php echo "Ciao"; ?></textarea>
<input type="button" name="invia" value="Visualizza codice" onclick="submit('scrivi.php', 'POST')" />
</form>
</body>

</html>

scrivi.php

<? 
function random($dir) 
{ 
$rand = rand(0, 15000); 
$file = 'fileid' . $rand . '.txt'; 
if( file_exists($dir . $file) ) 
{ 
random($dir) 
} 
else 
{ 
return $rand; 
} 
} 

$dir = 'cartella/'; 
$rand = random($dir); 
$path = 'fileid' . $rand . '.txt'; 

$fp = fopen($path, 'w+'); 
if( fwrite($fp, $_POST['codice']) ) 
{ 
echo $rand; 
} 
fclose($fp); 
?>

file.php

<? 
$dir = 'cartella/'; 
$file = $dir . 'fileid' . $_GET['file'] . '.txt'; 

$code = highlight_file($file);
echo $code; 
?>

devi postare anche gli errori, altrimenti è impossibile aiutarti!

se usi ff: strumenti -> console javascript -> copi gli errori

se usi ie: non lo so

[miki92]

1. Errore: unterminated string literal
File sorgente: http://localhost/
Riga: 140, Colonna: 60
Codice sorgente:
window.open('file.php?file=' + req.responseText,'Codice','width=500,height=500,sc rollbar);



2. Errore: unterminated string literal
File sorgente: http://localhost/
Riga: 140, Colonna: 60
Codice sorgente:
window.open('file.php?file=' + req.responseText,'Codice','width=500,height=500,sc rollbar);

devi inserire un apice ' dopo scrollbar

[funcool]

Dopo "scrollbar" bisogna dargli "=yes" o "=no" e poi chiudere con l'apice.

[miki92]

Niente, sempre uguale, clicco e non succede nulla:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Senza nome 1</title>
<script type="text/javascript">
function submit(FILE, METHOD)
{
	
	var target = '';
	var rnd = Math.random();
	var num = document.forms[0].elements.length;
	var url = "";
	for (var i = 0; i < num; i++)
	{
		var chiave = document.forms[0].elements[i].name;
		var valore = document.forms[0].elements[i].value;
		var tipo = document.forms[0].elements[i].type;

		if ( (tipo != "submit") && (tipo != "radio") && (tipo != "checkbox") )
		{
			url += chiave + "=" + valore + "&";
		}
	}
	var parameters = url;
	
	url = FILE + "?" + url + "rnd" + rnd;
	
	if (METHOD == undefined)
	{
		METHOD = "GET";
	}
	if (METHOD == "GET")
	{
		ahah(url, target, '', METHOD);
	}
	else
	{
		ahah(FILE, target, '', METHOD, parameters);
	}
}

function ahah(url, target, delay, method, parameters)
{
	if (method == undefined)
	{ 
		if (window.XMLHttpRequest)
		{
			req = new XMLHttpRequest();
	  	}
		else if (window.ActiveXObject)
		{
			req = new ActiveXObject("Microsoft.XMLHTTP");
	  	}
	  	if (req)
		{
			req.onreadystatechange = function()
			{
				//ahahDone(url, target, delay, method, parameters);
			  	if (req.readyState == 4)
				{ 
    				if (req.status == 200)
					{ 
      					response = req.responseText;
    				}
  				}

			};
			req.open("GET", url, true);
			req.send("");
	 	}  
 	}
	if ( (method == "GET") || (method == "get") )
  	{
	  	if (window.XMLHttpRequest)
		{
			req = new XMLHttpRequest();
	  	}
		else if (window.ActiveXObject)
		{
			req = new ActiveXObject("Microsoft.XMLHTTP");
	  	}
	  	if (req)
		{
			req.onreadystatechange = function()
			{
				//ahahDone(url, target, delay, method, parameters);
			  	if (req.readyState == 4)
				{ 
    				if (req.status == 200)
					{ 
      					response = req.responseText;
    				}
  				}

			};
			req.open(method, url, true);
			req.send("");
	  	}
  	}

  	if ( (method == "POST") || (method == "post") )
  	{
	  	if (window.XMLHttpRequest)
		{
			req = new XMLHttpRequest();
	  	} else if (window.ActiveXObject)
		{
			req = new ActiveXObject("Microsoft.XMLHTTP");
	  	}
	  	if (req)
		{
			req.onreadystatechange = function()
			{
				//ahahDone(url, target, delay, method, parameters);
			  	if (req.readyState == 4)
				{ 
    				if (req.status == 200)
					{ 
      					response = req.responseText;
    				}
  				}

			};
			req.open(method, url, true);
			req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			req.send(parameters);
	  	}
  	}
	//return response;
}  

function ahahDone(url, target, delay, method, parameters)
{
 	 if (req.readyState == 4)
	 { 
    	if (req.status == 200)
		{
			window.open('file.php?file=' + req.responseText,'Codice','width=500,height=500,scrollbar=yes');
    	}
  	}
}
</script>

</head>

<body>
<form action="" method="post">
<textarea name="codice"><?php echo "Ciao"; ?></textarea>
<input type="button" name="invia" value="Visualizza codice" onclick="submit('scrivi.php', 'POST')" />
</form>
</body>

</html>

[funcool]

Che errori ti dà?

[miki92]

Beh nessuno, clicco sul pulsante e non fa niente.