how Adding JavaScript to QWebView

**Houda.Qt4** · 8th June 2008, 11:30

I want to add a script javascript for my page loaded with Webkit(WebView) for this raison i have develop a small code like this :

Qt Code:

Switch view

QVariant vr;
QFile filejs ("date.html");
           if (!filejs.open(QIODevice::ReadOnly | QIODevice::Text))
                       { qDebug()<< "le fichier xml valide n'existe pas " ; return;}
 
            QTextStream outjs(&filejs);
            QString outputjs = outjs.readAll();
            filejs.close();
 
            vr =v.page()->mainFrame()->evaluateJavaScript (outputjs);//(v is WebView type)

QVariant vr;
QFile filejs ("date.html");
           if (!filejs.open(QIODevice::ReadOnly | QIODevice::Text))
                       { qDebug()<< "le fichier xml valide n'existe pas " ; return;}
             
            QTextStream outjs(&filejs);
            QString outputjs = outjs.readAll();
            filejs.close();

            vr =v.page()->mainFrame()->evaluateJavaScript (outputjs);//(v is WebView type)

To copy to clipboard, switch view to plain text mode

Where date.html contains a javascript code which allows me to display the date.
here is the code of date.html code:

Qt Code:

Switch view

<HTML><HEAD>
<TITLE> Derni&egrave;re mise &agrave; jour</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function Tableau(n){this.lenght=n; return this; }
function DateModif() {
NomMois=new Tableau(12);
NomMois[1]="janvier";
NomMois[2]="f&eacute;vrier";
NomMois[3]="mars";
NomMois[4]="avril";
NomMois[5]="mai";
NomMois[6]="juin";
NomMois[7]="juillet";
NomMois[8]="ao&ucirc;t";
NomMois[9]="septembre";
NomMois[10]="octobre";
NomMois[11]="novembre";
NomMois[12]="d&eacute;cembre";
 
Date=new Date(document.lastModified)
 
var Mois=NomMois[Date.getMonth()+1]
var Annee=Date.getFullYear()
 
return Date.getDate()+""+Mois+""+Annee }
</SCRIPT>
</HEAD>
<BODY>
Document modifi&eacute; le 
<SCRIPT> document.write(DateModif()) </SCRIPT>
</BODY></HTML>

<HTML><HEAD>
<TITLE> Derni&egrave;re mise &agrave; jour</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function Tableau(n){this.lenght=n; return this; }
function DateModif() {
NomMois=new Tableau(12);
NomMois[1]="janvier";
NomMois[2]="f&eacute;vrier";
NomMois[3]="mars";
NomMois[4]="avril";
NomMois[5]="mai";
NomMois[6]="juin";
NomMois[7]="juillet";
NomMois[8]="ao&ucirc;t";
NomMois[9]="septembre";
NomMois[10]="octobre";
NomMois[11]="novembre";
NomMois[12]="d&eacute;cembre";

Date=new Date(document.lastModified)

var Mois=NomMois[Date.getMonth()+1]
var Annee=Date.getFullYear()

return Date.getDate()+""+Mois+""+Annee }
</SCRIPT>
</HEAD>
<BODY>
Document modifi&eacute; le 
<SCRIPT> document.write(DateModif()) </SCRIPT>
</BODY></HTML>

To copy to clipboard, switch view to plain text mode

But I saw nothing, how can I view the result in my page web,I should use "addToJavaScriptWindowObject"?

**jacek** · 8th June 2008, 14:18

That date.html doesn't contain JavaScript source, but an HTML page.

**Houda.Qt4** · 8th June 2008, 15:02

Thanks Jacek

I changed date.html by date.js

Qt Code:

Switch view

function Tableau(n){this.lenght=n; return this; }
function DateModif() {
NomMois=new Tableau(12);
NomMois[1]="janvier";
NomMois[2]="f&eacute;vrier";
NomMois[3]="mars";
NomMois[4]="avril";
NomMois[5]="mai";
NomMois[6]="juin";
NomMois[7]="juillet";
NomMois[8]="ao&ucirc;t";
NomMois[9]="septembre";
NomMois[10]="octobre";
NomMois[11]="novembre";
NomMois[12]="d&eacute;cembre";
 
Date=new Date(document.lastModified)
 
var Mois=NomMois[Date.getMonth()+1]
var Annee=Date.getFullYear()
 
return Date.getDate()+""+Mois+""+Annee }

function Tableau(n){this.lenght=n; return this; }
function DateModif() {
NomMois=new Tableau(12);
NomMois[1]="janvier";
NomMois[2]="f&eacute;vrier";
NomMois[3]="mars";
NomMois[4]="avril";
NomMois[5]="mai";
NomMois[6]="juin";
NomMois[7]="juillet";
NomMois[8]="ao&ucirc;t";
NomMois[9]="septembre";
NomMois[10]="octobre";
NomMois[11]="novembre";
NomMois[12]="d&eacute;cembre";

Date=new Date(document.lastModified)

var Mois=NomMois[Date.getMonth()+1]
var Annee=Date.getFullYear()

return Date.getDate()+""+Mois+""+Annee }

To copy to clipboard, switch view to plain text mode

but how i can applicate tis date.js in my web page

**jacek** · 8th June 2008, 16:09

Originally Posted by Houda.Qt4

but how i can applicate tis date.js in my web page

If you want to change the document (for example to display that date), you can use DOM.

http://www.ibm.com/developerworks/web/library/wa-jsdom/

**Houda.Qt4** · 8th June 2008, 17:04

Originally Posted by jacek

If you want to change the document (for example to display that date), you can use DOM.

http://www.ibm.com/developerworks/web/library/wa-jsdom/

thank you for the link;

DOM! my main goal is to build the tree dom

for an html page using javascript ie implement a javascript then apply it at a loaded page.
there is an example for exstract the links :

Qt Code:

Switch view

<script type="text/javascript">
<!--
 var anchorList = document.getElementsByTagName("a") ; 
for (var i = 0; i < anchorList.length ; i++)
{ 
 alert(anchorList[i].href + "\n"); 
}
 
//-->
</script>

<script type="text/javascript">
<!--
 var anchorList = document.getElementsByTagName("a") ; 
for (var i = 0; i < anchorList.length ; i++)
{ 
 alert(anchorList[i].href + "\n"); 
}

//-->
</script>

To copy to clipboard, switch view to plain text mode

I begining by the example of a date for learning to manipulate addToJavaScriptWindowObject and
evaluateJavaScript, my problem is how to use his two function to apply the script at the loaded page.
I do not want to change the content, but just read the content and extract information

thank's

**jacek** · 10th June 2008, 01:19

Originally Posted by Houda.Qt4

I do not want to change the content, but just read the content and extract information

evaluateJavaScript() returns a value, so you can make your script return data encoded in some way.

**Brandybuck** · 10th June 2008, 18:54

Also make sure JavaScript is enabled in QWebSettings.

**Houda.Qt4** · 26th June 2008, 12:13

Hello every body,

I'm using addToJavaScriptWindowObject and evaluateJavaScript to inject and evaluate the script output2 at a web page,
the injected script "output2" used to extract the names of javascript function of a web page,
Then I get the names of these functions and I execute them with the script "ss",

Qt Code:

Switch view

void Webkit::applyscript2()
{
   QFile file ("exemple/onclick.js");
          if (!file.open(QIODevice::ReadOnly | QIODevice::Text))
                       { qDebug()<< "le fichier n'existe pas " ; return;}
 
            QTextStream out(&file);
           QString output2 = out.readAll();
            file.close();
 
QWebFrame*  f = v.page()->mainFrame();
 
    if (!dataScript) {
        dataScript = new ApplyScript();               
        f->addToJavaScriptWindowObject("linkCssOutput", dataScript);
                           }
 
QVariant vrr = f->evaluateJavaScript(output2);
fct_script  =dataScript->getLink();
int j;
 for (j=0;j<fct_script.size();j++)
  {QString contenu_fct =fct_script[j];
 
QString ss=QString("var f='window.addEventListener(\"load\",'+%1+', false);';"
"var ff='window.attachEvent(\"onload\",%1);';"
 " if (window.addEventListener) {alert (\"dans if\" ); "
         "eval(f);"
      "} else if (document.addEventListener) { "
         "eval(f);"
      "} else if (window.attachEvent) {"
         "eval(ff);"
      "}").arg(contenu_fct);
QVariant vrr = f->evaluateJavaScript(ss);
}
}
/////////// setLink et getLink //////////////
 
void ApplyScript::setLink(const QString & data)
{  
 qDebug()<< "data "<< data;  
 m_data.push_back(data) ; 
}
QVector <QString>  & ApplyScript::getLink( )
{      
    return m_data;    
}

void Webkit::applyscript2()
{
   QFile file ("exemple/onclick.js");
          if (!file.open(QIODevice::ReadOnly | QIODevice::Text))
                       { qDebug()<< "le fichier n'existe pas " ; return;}
            
            QTextStream out(&file);
           QString output2 = out.readAll();
            file.close();

QWebFrame*  f = v.page()->mainFrame();

    if (!dataScript) {
        dataScript = new ApplyScript();               
        f->addToJavaScriptWindowObject("linkCssOutput", dataScript);
                           }

QVariant vrr = f->evaluateJavaScript(output2);
fct_script  =dataScript->getLink();
int j;
 for (j=0;j<fct_script.size();j++)
  {QString contenu_fct =fct_script[j];

QString ss=QString("var f='window.addEventListener(\"load\",'+%1+', false);';"
"var ff='window.attachEvent(\"onload\",%1);';"
 " if (window.addEventListener) {alert (\"dans if\" ); "
         "eval(f);"
      "} else if (document.addEventListener) { "
         "eval(f);"
      "} else if (window.attachEvent) {"
         "eval(ff);"
      "}").arg(contenu_fct);
QVariant vrr = f->evaluateJavaScript(ss);
}
}
/////////// setLink et getLink //////////////

void ApplyScript::setLink(const QString & data)
{  
 qDebug()<< "data "<< data;  
 m_data.push_back(data) ; 
}
QVector <QString>  & ApplyScript::getLink( )
{      
    return m_data;    
}

To copy to clipboard, switch view to plain text mode

but I can't get their results of execution, can you help me?
For example I have the javascript fonction:

Qt Code:

Switch view

<script type="text/javascript">
function google() {
var a ="http://";
var b="www.google.com" ;
window.location.href = a+b ;  
 }
</script>

<script type="text/javascript">
function google() {
var a ="http://";
var b="www.google.com" ;
window.location.href = a+b ;  
 }
</script>

To copy to clipboard, switch view to plain text mode

I get the function name (google()) then I executed it ,but how can I get result of his execution "value of QVariant vrr = f->evaluateJavaScript(ss);".
in this case is the url "http://www.google.com"

I have long search a way and I have not find
can you help me

thank you for any assistance,

**Houda.Qt4** · 26th June 2008, 13:47

hi,

I have make this:

Qt Code:

Switch view

QVariant vrr = f->evaluateJavaScript(ss);
QString reshtml = vrr.value<QString>();
qDebug()<< "valeur === " << reshtml ;

QVariant vrr = f->evaluateJavaScript(ss);
QString reshtml = vrr.value<QString>();
qDebug()<< "valeur === " << reshtml ;

To copy to clipboard, switch view to plain text mode

but i have valeur === " "?

how I can retrieve the result,
Thank you for any assistant,

**jacek** · 12th July 2008, 22:44

Originally Posted by Houda.Qt4

but i have valeur === " "?

how I can retrieve the result

What happens if you add "return 1;" at the end of your script?

Thread: how Adding JavaScript to QWebView

Thread Tools

Search Thread

Display

how Adding JavaScript to QWebView

Re: how Adding JavaScript to QWebView

Re: how Adding JavaScript to QWebView

Re: how Adding JavaScript to QWebView

Re: how Adding JavaScript to QWebView

Re: how Adding JavaScript to QWebView

Re: how Adding JavaScript to QWebView

Re: how Adding JavaScript to QWebView

Re: how Adding JavaScript to QWebView

Re: how Adding JavaScript to QWebView

Similar Threads

Adding JavaScript Obj to QWebView issues

Bookmarks

Bookmarks

Posting Permissions