Se connecter avec
S'enregistrer | Connectez-vous

Utilisation bibliotheque extjs avec php et html

Dernière réponse : dans Programmation

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

Lassé par la pub ? Créez un compte

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  )
Lassé par la pub ? Créez un compte

Répondre Créer un nouveau sujet

Tom's guide dans le monde