Tom's Guide > Forum > Programmation > Utilisation bibliotheque extjs avec php et html

Utilisation bibliotheque extjs avec php et html

Forum Programmation : Utilisation bibliotheque extjs avec php et html

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

Bonjour voila, j'ai un code :ouch: :

<html>
<head></head>
<title>essai n°1</title>
<meta http-equiv='Content-Type' content='text/html'; charset='iso-8859-1'/>
<LINK REL=STYLESHEET TYPE='text/css' HREF='../phpinc/common/ext-2.0.2/resources/css/ext-all.css'>
<SCRIPT LANGUAGE='Javascript' TYPE='text/javascript' SRC='../phpinc/common/ext-2.0.2/adapter/ext/ext-base.js'></SCRIPT>
<SCRIPT LANGUAGE='Javascript' TYPE='text/javascript' SRC='../phpinc/common/ext-2.0.2/ext-all.js'></SCRIPT>
<SCRIPT LANGUAGE='Javascript' TYPE='text/javascript' SRC='../phpinc/common/ext-2.0.2/source/locale/ext-lang-fr.js'></SCRIPT>
<body>

<SCRIPT LANGUAGE='javascript'>
Ext.onReady(function(){

var tabs = new Ext.TabPanel({
renderTo:'tabs',
resizeTabs:true, // turn on tab resizing
minTabWidth: 115,
tabWidth:135,
enableTabScroll:true,
width:600,
height:250,
defaults: {autoScroll:true},
plugins: new Ext.ux.TabCloseMenu()
});

var index = 0;
while(index < 7){
addTab();
}
function addTab(){
tabs.add({
title: 'New Tab ' + (++index),
iconCls: 'tabs',
html: 'Tab Body ' + (index) + '<br/><br/>'
+ Ext.example.bogusMarkup,
closable:true
}).show();
}

new Ext.Button({
text: 'Add Tab',
handler: addTab,
iconCls:'new-tab'
}).render(document.body, 'tabs');
});
</SCRIPT>
</body>
</html>

que j'ai crée mais pour une raison ou pour une autre il ne marche et si l'on pouvait m'aider j'en serais très content :p

De plus, je ne sais en quel format mettre cette page, j'ai bien sur essayé html, php, js ... mais aucun ne fonctionne car me met juste :

Ext.onReady(function(){

var tabs = new Ext.TabPanel({
renderTo:'tabs',
resizeTabs:true, // turn on tab resizing
minTabWidth: 115,
tabWidth:135,
enableTabScroll:true,
width:600,
height:250,
defaults: {autoScroll:true},
plugins: new Ext.ux.TabCloseMenu()
});

var index = 0;
while(index < 7){
addTab();
}
function addTab(){
tabs.add({
title: 'New Tab ' + (++index),
iconCls: 'tabs',
html: 'Tab Body ' + (index) + '<br/><br/>'
+ Ext.example.bogusMarkup,
closable:true
}).show();
}

new Ext.Button({
text: 'Add Tab',
handler: addTab,
iconCls:'new-tab'
}).render(document.body, 'tabs');
});

dans la page mais sans interpréter les fonctions ( donc ecris tel quel mais moins bien présenté ) ... :heink:

Si quelqu'un pouvait me montrer le code necessaire pour que cela marche donc et sous quel format l'enregistrer je serais super content car ca me permettrait de mieux comprendre mes erreurs mais aussi de pouvoir utiliser d'auter code de la bibliotheque extjs via la comprehension de ces erreurs. :ange:

------------------------------ 69 bonnes raisons de preferé une bierre a une femme :
http://www.clanifun.com/blabla-f5/ [...] e-t817.htm
n°44- On peut décapsuler une bière sans tacher les draps
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

petit up car c'est important pour moi ^^

------------------------------ 69 bonnes raisons de preferé une bierre a une femme :
http://www.clanifun.com/blabla-f5/ [...] e-t817.htm
n°44- On peut décapsuler une bière sans tacher les draps
Répondre à stagiaire01

petit up car c'est urgent :p

ps : avec les balises javascript devant les fonction j'obtient une page blanche

------------------------------ 69 bonnes raisons de preferé une bierre a une femme :
http://www.clanifun.com/blabla-f5/ [...] e-t817.htm
n°44- On peut décapsuler une bière sans tacher les draps
Répondre à stagiaire01

probleme resolu j'ai finalement trouvé tout seul la solution :
<html>
<head>
<title>essai n°1</title>
<meta http-equiv='Content-Type' content='text/html'; charset='iso-8859-1'/>
<LINK REL=STYLESHEET TYPE='text/css' HREF='../phpinc/common/ext-2.0.2/resources/css/ext-all.css'>
<LINK REL=STYLESHEET TYPE='text/css' HREF='../phpinc/common/ext-2.0.2/resources/css/ext-base.css'>
<SCRIPT LANGUAGE='Javascript' TYPE='text/javascript' SRC='../phpinc/common/ext-2.0.2/adapter/ext/ext-base.js'></SCRIPT>
<SCRIPT LANGUAGE='Javascript' TYPE='text/javascript' SRC='../phpinc/common/ext-2.0.2/ext-all.js'></SCRIPT>
<SCRIPT LANGUAGE='Javascript' TYPE='text/javascript' SRC='../phpinc/common/ext-2.0.2/source/locale/ext-lang-fr.js'></SCRIPT>
<SCRIPT LANGUAGE='Javascript' TYPE='text/javascript' SRC='TabCloseMenu.js'></SCRIPT>
<SCRIPT LANGUAGE='Javascript' TYPE='text/javascript' SRC='examples.js'></SCRIPT>
</head>
<body>

<SCRIPT LANGUAGE='javascript'>
Ext.onReady(function(){

var tabs = new Ext.TabPanel({
renderTo:'tabs',
resizeTabs:true, // turn on tab resizing
minTabWidth: 115,
tabWidth:135,
enableTabScroll:true,
width:600,
height:250,
defaults: {autoScroll:true},
plugins: new Ext.ux.TabCloseMenu()
});

// tab generation code
var index = 0;
while(index < 5){
addTab();
}
function addTab(){
tabs.add({
title: 'Table ' + (++index),
iconCls: 'tabs',
html: 'Vous êtes sur la table ' + (index) + '<br/><br/>'
+ Ext.example.bogusMarkup,
closable:true
}).show();
}

new Ext.Button({
text: 'Nouvelle table',
handler: addTab,
iconCls:'new-tab'
}).render(document.body, 'tabs');
});
</SCRIPT>
<div id="tabs" style="margin:15px 0;"></div>
</body>
</html>

a ce probleme :p

je met la réponse a ceux qui sont interesse :p ( j'ai rajouté plusieurs includes et fais quelques modif :p )

------------------------------ 69 bonnes raisons de preferé une bierre a une femme :
http://www.clanifun.com/blabla-f5/ [...] e-t817.htm
n°44- On peut décapsuler une bière sans tacher les draps
Répondre à stagiaire01
Tom's Guide > Forum > Programmation > Utilisation bibliotheque extjs avec php et html
Aller à :

Il y a 1764 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens