loading javascript files inside my plugin
-
Hello everyone!
I am coding a plugin for a blog (actually it is in local on my PC), and in this plugin I am trying to show a grid in the administration panel first loading some required .js files then calling the initialization function, but it keeps returning me an error “jQuery(“#list”).jqGrid({ is not a function” (which sounds like the function is not defined) when the same thing tried with a simple test.html it works and it shows me the grid…what could be? aren’t maybe the javascript files correctly loaded by wordpress?
And as you see in the HTML source code, those .js files are called BEFORE to initialize the grid init function:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”https://www.w3.org/1999/xhtml” dir=”ltr” lang=”it-IT”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Toscano Viaggi › Toscano Viaggi Administration — WordPress</title>
<script type=”text/javascript”>
//<![CDATA[
addLoadEvent = function(func) {if (typeof jQuery != “undefined”) jQuery(document).ready(func); else if (typeof wpOnload!=’function’){wpOnload=func;} else {var oldonload=wpOnload; wpOnload=function(){oldonload();func();}}};
//]]>
</script>
<style type=”text/css”>* html { overflow-x: hidden; }</style>
<link rel=’stylesheet’ href=’https://localhost/toscanoviaggi/wp-admin/css/global.css?ver=2.6.3′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ href=’https://localhost/toscanoviaggi/wp-admin/wp-admin.css?ver=2.6.3′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ href=’https://localhost/toscanoviaggi/wp-admin/css/colors-fresh.css?ver=2.6.3′ type=’text/css’ media=’all’ />
<!–[if gte IE 6]>
<link rel=’stylesheet’ href=’https://localhost/toscanoviaggi/wp-admin/css/ie.css?ver=2.6.3′ type=’text/css’ media=’all’ />
<![endif]–>
<link rel=”stylesheet” href=”https://localhost/toscanoviaggi/wp-content/plugins/toscanoviaggi/toscanoviaggi.css” type=”text/css” />
<script type=”text/javascript” src=”https://localhost/toscanoviaggi/wp-content/plugins/toscanoviaggi/toscanoviaggi.js”></script><!– In head section we should include the style sheet for the grid –>
<link rel=”stylesheet” type=”text/css” media=”screen” href=”https://localhost/toscanoviaggi/wp-content/plugins/toscanoviaggi/themes/basic/grid.css” />
<link rel=”stylesheet” type=”text/css” media=”screen” href=”https://localhost/toscanoviaggi/wp-content/plugins/toscanoviaggi/themes/jqModal.css” />
<script type=’text/javascript’ src=’https://localhost/toscanoviaggi/wp-includes/js/jquery/jquery.js?ver=1.2.6′></script>
<script type=’text/javascript’ src=’https://localhost/toscanoviaggi/wp-admin/js/common.js?ver=20080318′></script>
<script type=’text/javascript’ src=’https://localhost/toscanoviaggi/wp-includes/js/jquery/jquery.color.js?ver=2.0-4561′></script>
<script type=’text/javascript’>
/* <![CDATA[ */
wpGearsL10n = {
updateCompleted: “Aggiornamento completato.”,
error: “Errore:”
}
/* ]]> */
</script>
<script type=’text/javascript’ src=’https://localhost/toscanoviaggi/wp-admin/js/wp-gears.js?ver=20080721′></script>
<script type=’text/javascript’ src=’https://localhost/toscanoviaggi/wp-content/plugins/toscanoviaggi/js/jquery.jqGrid.js?ver=2.6.3′></script>
<script type=’text/javascript’ src=’https://localhost/toscanoviaggi/wp-content/plugins/toscanoviaggi/js/jqModal.js?ver=2.6.3′></script><script type=’text/javascript’ src=’https://localhost/toscanoviaggi/wp-content/plugins/toscanoviaggi/js/jqDnR.js?ver=2.6.3′></script>
</head>
<body class=”wp-admin “>
<div id=”wpwrap”>
<div id=”wpcontent”>
<div id=”wphead”>
<h1>Toscano Viaggi<span id=”viewsite”>Visualizza sito</span></h1>
</div><div id=”gears-info-box” class=”info-box” style=”display:none;”>
<img src=”images/gear.png” title=”Gear” alt=”” class=”gears-img” />
<div id=”gears-msg1″><h3 class=”info-box-title”>Velocizza WordPress</h3>
<p>WordPress ora supporta Gears che aggiunge nuove funzionalità al proprio browser web.
Altre informazioni…</p>
<p>Dopo aver installato ed abilitato Gears la maggior parte delle immagini, script e file CSS di WordPress verranno memorizzati localmente su questo computer, Ciò velocizzerà il tempo di caricamento della pagina.</p>
<p>Non installare su un computer pubblico o condiviso.</p> <div class=”submit”><button onclick=”window.location = ‘https://gears.google.com/?action=install&return=http%3A%2F%2Flocalhost%2Ftoscanoviaggi%2Fwp-admin%2F’;” class=”button”>Installa ora</button><button class=”button” style=”margin-left:10px;” onclick=”document.getElementById(‘gears-info-box’).style.display=’none’;”>Annulla</button></div>
</div><div id=”gears-msg2″ style=”display:none;”>
<h3 class=”info-box-title”>Stato Gears</h3>
<p>Gears è installato su questo computer ma non è abilitato per l’utilizzo con WordPress.</p>
<p>Per abilitarlo, assicurarsi che questo sito web non sia presente nella lista di siti vietati in Impostazioni Gears nel menu Strumenti del proprio browser, quindi fare clic sul pulsante sottostante.</p><p>Tuttavia se questo è un computer pubblico o condiviso, Gears non dovrebbe venire abilitato.</p>
<div class=”submit”><button class=”button” onclick=”wpGears.getPermission();”>Abilita Gears</button>
<button class=”button” style=”margin-left:10px;” onclick=”document.getElementById(‘gears-info-box’).style.display=’none’;”>Annulla</button></div>
</div><div id=”gears-msg3″ style=”display:none;”>
<h3 class=”info-box-title”>Stato Gears</h3><p>Gears è installato e funzionante su questo computer. È possibile disabilitarlo tramite il menu Strumenti del proprio browser.</p>
<p>Nel caso si verifichi un errore, provare a disabilitare Gears, quindi ricaricare la pagina e attivarlo nuovamente.</p>
<p>Stato memorizzazione locale: <span id=”gears-wait”><span style=”color:#f00;”>Attendere prego! Aggiornamento dei file:</span> <span id=”gears-upd-number”></span></span></p>
<div class=”submit”><button class=”button” onclick=”document.getElementById(‘gears-info-box’).style.display=’none’;”>Chiudi</button></div>
</div></div>
<div id=”user_info”><p>Salve, Toscano Viaggi! | Logout | Aiuto (En) | Forum (En) | <span id=”gears-menu”>Turbo</span></p></div>
<ul id=”dashmenu”>
- Bacheca
- Scrivi
- Gestione
- Design
- Commenti <span id=’awaiting-mod’ class=’count-0′><span class=’comment-count’>0</span></span>
- Impostazioni
- Plugin <span id=’update-plugins’ class=’count-1′><span class=’plugin-count’>1</span></span>
- Utenti
- Articoli
- Pagine
- Link
- Categorie
- Tag
- Categorie link
- Libreria media
- Importa
- Esporta
- Toscano Viaggi Administration
<ul id=”adminmenu”>
<ul id=”sidemenu”>
<ul id=”submenu”>
<div id=”wpbody”>
<script type=”text/javascript”>
jQuery(document).ready(function(){
jQuery(“#list”).jqGrid({
url:’https://localhost/toscanoviaggi/wp-content/plugins/toscanoviaggi/editing.php’,
datatype: ‘xml’,
mtype: ‘GET’,
colNames:[‘Inv No’,’Date’, ‘Amount’,’Tax’,’Total’,’Notes’],
colModel :[
{name:’invid’, index:’invid’, width:55},
{name:’invdate’, index:’invdate’, width:90},
{name:’amount’, index:’amount’, width:80, align:’right’},
{name:’tax’, index:’tax’, width:80, align:’right’},
{name:’total’, index:’total’, width:80, align:’right’},
{name:’note’, index:’note’, width:150, sortable:false} ],
pager: jQuery(‘#pager’),
rowNum:10,
rowList:[10,20,30],
sortname: ‘id’,
sortorder: “desc”,
viewrecords: true,
imgpath: ‘https://localhost/toscanoviaggi/wp-content/plugins/toscanoviaggi/themes/basic/images’,
caption: ‘My first grid’
}).navGrid(‘#pagernav’,
{}, //options
{height:280,reloadAfterSubmit:false}, // edit options
{height:280,reloadAfterSubmit:false}, // add options
{reloadAfterSubmit:false}, // del options
{} // search options
);
});
</script><div class=”wrap”>
<h2>Toscano Viaggi Administration</h2>
<table id=”list” class=”scroll”></table>
<div id=”pager” class=”scroll” style=”text-align:center;”></div> </div>
</div></div><!– wpbody –>
</div><!– wpcontent –>
</div><!– wpwrap –>
<div id=”footer”>
<p>Grazie per aver creato questo blog utilizzando WordPress | Documentazione in inglese e in italiano | Feedback | Versione 2.6.3</p></div>
<script type=”text/javascript”>if(typeof wpOnload==’function’)wpOnload();</script>
</body>
</html>Any idea?
Thanks to all in advance!
Ciao, Luigi
- The topic ‘loading javascript files inside my plugin’ is closed to new replies.