Se connecter / S'enregistrer
Votre question

Utilisation bibliotheque extjs avec php et html

Tags :
  • Script
  • Programmation
Dernière réponse : dans Programmation
9 Juin 2008 10:13:59

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: 

Autres pages sur : utilisation bibliotheque extjs php html

10 Juin 2008 09:54:54

petit up car c'est important pour moi ^^
12 Juin 2008 09:43:52

petit up car c'est urgent :p 

ps : avec les balises javascript devant les fonction j'obtient une page blanche
12 Juin 2008 16:21:39

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  )
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS