Esguire Javascript SyntaxHighlighter dopo caricamento pagina

**Ixion** · 18-08-2011, 09:47

Salve a tutti,

sto cercando di risolvere il seguente problema ma fino ad ora non sono riuscito a trovare una soluzione.

Vorrei modificare il contenuto di un "div" tramite una chiamata javascript. La pagina che vorrei caricare contiene solamente un paragrafo che dovra' essere inserito.
Siccome il paragrafo contiene del codice, per migliorare la leggibilita' volevo utilizzare SyntaxHighlighter

http://alexgorbatchev.com/SyntaxHighlighter/

Il mio problema e' che una volta sostituito il contenuto del div, il paragrafo non viene formattato. Penso sia dovuto al fatto che il codice javascript non e' eseguito.

Ho speso gli ultimi giorni cercando di capire come poter procedere ma non sono riuscito ad ottenere nessun risultato.

Per chiarezza provo a postare il codice della chiamata (ho cercato di ridurre il tutto al minimo indispensabile e lasciato la funzione javascript nella versione originale).

Index.php

codice:

<!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=iso-8859-1" ></meta>
	<meta name ="DC" language="" CONTENT="ita" SCHEME="RFC1766"></meta>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta/>

    <script type="text/javascript" src="frame.js"></script>

	<script type="text/javascript" src="../scripts/XRegExp.js"></script>
	
	<script type="text/javascript" src="../scripts/shCore.js"></script>
	<script type="text/javascript" src="../scripts/shBrushAS3.js"></script>
	<link type="text/css" rel="stylesheet" href="../styles/shCore.css"/>
	<link type="text/css" rel="Stylesheet" href="../styles/shThemeDefault.css"/>

	</head>

	

	
	<body>

	  <div id="contenuto">
	     <div id="divsinistra">    
               <ul>[*]
                    Sample
                  [/list]
             </div>

             <div class="divdestra">
               <div id="frame"></div>
             </div>
         </div>      

         <div style="clear: both;"></div>

       </body>
</html>

sample.html

codice:

<script type="text/javascript">SyntaxHighlighter.all();</script>

<pre class="brush: as3;">
package free.cafekiwi.gotapi;

function foo()
{
	/* 
	
	comment 
	
	*/
	
	// comment
	
	"string"
	
	'string'
	
	"multiline
	string shouldnt match"

	'multiline
	string shouldnt match'
}
</pre>

frame.js

codice:

  /***********************************************
  * Dynamic Ajax Content- ｩ Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

var loadedobjects=""
var rootdomain="http://"+window.location.hostname

function ajaxpage(url, containerid){
    var page_request = false
    if (window.XMLHttpRequest) // if Mozilla, Safari etc
        page_request = new XMLHttpRequest()
    else if (window.ActiveXObject){ // if IE
        try {
            page_request = new ActiveXObject("Msxml2.XMLHTTP")
        }
        catch (e){
            try{
                page_request = new ActiveXObject("Microsoft.XMLHTTP")
            }
            catch (e){}
        }
    }
    else
        return false
    page_request.onreadystatechange=function(){
        loadpage(page_request, containerid)
    }
    page_request.open('GET', url, true)
    page_request.send(null)
}

function loadpage(page_request, containerid){
    if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
        document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
    if (!document.getElementById)
        return
    for (i=0; i<arguments.length; i++){
        var file=arguments[i]
        var fileref=""
        if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
            if (file.indexOf(".js")!=-1){ //If object is a js file
                fileref=document.createElement('script')
                fileref.setAttribute("type","text/javascript");
                fileref.setAttribute("src", file);
            }
            else if (file.indexOf(".css")!=-1){ //If object is a css file
                fileref=document.createElement("link")
                fileref.setAttribute("rel", "stylesheet");
                fileref.setAttribute("type", "text/css");
                fileref.setAttribute("href", file);
            }
        }
        if (fileref!=""){
            document.getElementsByTagName("head").item(0).appendChild(fileref)
            loadedobjects+=file+" " //Remember this object as being already added to page
        }
    }
}

Sono solo un principiante su questi argomenti, mi scuso se ho scritto delle bestialita' o se il problema e' banale (forse no).
Grazie in anticipo per qualsiasi aiuto.

ps: Un esempio sarebbe apprezzato

.

**cavicchiandrea** · 18-08-2011, 10:02

Io non ho capito qual'è il problema, e in questi casi aiuta molto mettere una pagina online che ricrea il problema.
Saluti.

**Ixion** · 18-08-2011, 17:38

Ho inserito un esempio al seguente link

http://www.amoro.webatu.com/sample/esempio.php

Quello che vorrei ottenere è sotto la scritta "risultato atteso", mentre premendo su "click here" il testo perde la formattazione.

Grazie in anticipo per qualsiasi aiuto. Se serve altro, fatemi sapere

.

**cavicchiandrea** · 18-08-2011, 18:22

Ma... io continuo a non capire, ma sarà sicuramente una mia limitazione attendi suggerimenti più intuitivi

Discussione: Esguire Javascript SyntaxHighlighter dopo caricamento pagina

Strumenti discussione

Ricerca discussione

Visualizza

Esguire Javascript SyntaxHighlighter dopo caricamento pagina

Permessi di invio