استفاده از js در asp.net 2

[sam166]

من تعدادی کد جاوا اسکریپت دارم چطور می تونم در asp.net استفاده کنم


این کد چند تا چارت هست

/*!
* Ext JS Library 3.0+
* Copyright(c) 2006-2009 Ext JS, LLC
* licensing@extjs.com
* http://www.extjs.com/license
*/
Ext.chart.Chart.CHART_URL = '../../resources/charts.swf';

Ext.onReady(function(){

var store = new Ext.data.JsonStore({
fields:['name', 'visits', 'views'],
data: [
{name:'Jul 07', visits: 245000, views: 3000000},
{name:'Aug 07', visits: 240000, views: 3500000},
{name:'Sep 07', visits: 355000, views: 4000000},
{name:'Oct 07', visits: 375000, views: 4200000},
{name:'Nov 07', visits: 490000, views: 4500000},
{name:'Dec 07', visits: 495000, views: 5800000},
{name:'Jan 08', visits: 520000, views: 6000000},
{name:'Feb 08', visits: 620000, views: 7500000}
]
});

// extra extra simple
new Ext.Panel({
title: 'ExtJS.com Visits Trend, 2007/2008 (No styling)',
renderTo: 'container',
width:500,
height:300,
layout:'fit',

items: {
xtype: 'linechart',
store: store,
xField: 'name',
yField: 'visits',
listeners: {
itemclick: function(o){
var rec = store.getAt(o.index);
Ext.example.msg('Item Selected', 'You chose {0}.', rec.get('name'));
}
}
}
});

// extra simple
new Ext.Panel({
iconCls:'chart',
title: 'ExtJS.com Visits Trend, 2007/2008 (Simple styling)',
frame:true,
renderTo: 'container',
width:500,
height:300,
layout:'fit',

items: {
xtype: 'linechart',
store: store,
url: '../../resources/charts.swf',
xField: 'name',
yField: 'visits',
yAxis: new Ext.chart.NumericAxis({
displayName: 'Visits',
labelRenderer : Ext.util.Format.numberRenderer('0,0')
}),
tipRenderer : function(chart, record){
return Ext.util.Format.number(record.data.visits, '0,0') + ' visits in ' + record.data.name;
}
}
});

// more complex with a custom look
new Ext.Panel({
iconCls:'chart',
title: 'ExtJS.com Visits and Pageviews, 2007/2008 (Full styling)',
frame:true,
renderTo: 'container',
width:500,
height:300,
layout:'fit',

items: {
xtype: 'columnchart',
store: store,
url:'../../resources/charts.swf',
xField: 'name',
yAxis: new Ext.chart.NumericAxis({
displayName: 'Visits',
labelRenderer : Ext.util.Format.numberRenderer('0,0')
}),
tipRenderer : function(chart, record, index, series){
if(series.yField == 'visits'){
return Ext.util.Format.number(record.data.visits, '0,0') + ' visits in ' + record.data.name;
}else{
return Ext.util.Format.number(record.data.views, '0,0') + ' page views in ' + record.data.name;
}
},
chartStyle: {
padding: 10,
animationEnabled: true,
font: {
name: 'Tahoma',
color: 0x444444,
size: 11
},
dataTip: {
padding: 5,
border: {
color: 0x99bbe8,
size:1
},
background: {
color: 0xDAE7F6,
alpha: .9
},
font: {
name: 'Tahoma',
color: 0x15428B,
size: 10,
bold: true
}
},
xAxis: {
color: 0x69aBc8,
majorTicks: {color: 0x69aBc8, length: 4},
minorTicks: {color: 0x69aBc8, length: 2},
majorGridLines: {size: 1, color: 0xeeeeee}
},
yAxis: {
color: 0x69aBc8,
majorTicks: {color: 0x69aBc8, length: 4},
minorTicks: {color: 0x69aBc8, length: 2},
majorGridLines: {size: 1, color: 0xdfe8f6}
}
},
series: [{
type: 'column',
displayName: 'Page Views',
yField: 'views',
style: {
image:'bar.gif',
mode: 'stretch',
color:0x99BBE8
}
},{
type:'line',
displayName: 'Visits',
yField: 'visits',
style: {
color: 0x15428B
}
}]
}
});
});


این کد دیگر



Ext.get('mb6').on('click', function(){
Ext.MessageBox.show({
title: 'Please wait',
msg: 'Loading items...',
progressText: 'Initializing...',
width:300,
progress:true,
closable:false,
animEl: 'mb6'
});

// this hideous block creates the bogus progress
var f = function(v){
return function(){
if(v == 12){
Ext.MessageBox.hide();
Ext.example.msg('Done', 'Your fake items were loaded!');
}else{
var i = v/11;
Ext.MessageBox.updateProgress(i, Math.round(100*i)+'% completed');
}
};
};
for(var i = 1; i < 13; i++){
setTimeout(f(i), i*500);
}
});

[sam166]

لطفا کمک کنید من هر چه قدر گشتم مطلبی که کامل در این مورد نوشته شده باشد نبود

[smrb59]

خوب این فایل جاوا اسکریپت رو بذار تو سایتتر بعدش بین تک هد لینک بده به این فایل وبعد هر جا خواستی از توابع هاش استفاده کن

مثلا اینجوری بین تک هد صداش میزنی


<script type="text/javascript" src="script/smrbeshop.js"></script>



و حالا اینجوری هم از توابع اون استفاده می کنی



<asp:HyperLink ID="HyperLink1" onclick="return show_info(1)" Font-Underline="false" runat="server" NavigateUrl="#">صفحه اول </asp:HyperLink></td>

[sam166]

دوست عزیز میشه واضحتر بگید
منظور از اینکه فایل جاوا را در سایت قرار دهیم چیست؟
و در مورد کد دومی بیشتر توضیح می دهید

[karim orooji]

سلام دوست عزیز
1. ابتدا یه صفحه website جدید باز کن
2. از منوی website گزینه add new item یا کلید ترکیبی ctrl+shift+a
3. در صفحه باز شده jscript file رو انتخاب کن
4. یک صفحه جدید به قسمت solution explorer اضافه میشه
5. فرم را باز کرده و کد مورد نظر رو در اونجا کپی کن
6. حالا در تگ body این قسمت رو اضافه کن

<script src="jscript.js"></script>
اگر سوالی بود مطرح کن
موفق باشی ...

[sam166]

ممنون
در مورد کد دوم چه کار کنم

[sam166]

ببینید مثلا این یک نمونه کد جاوا اسکریپت است

لطفا بگید زمانی که اینو وارد سایت کردم چطور فراخوانی کنم


Ext.Desktop = function(app){
this.taskbar = new Ext.ux.TaskBar(app);
var taskbar = this.taskbar;

var desktopEl = Ext.get('x-desktop');
var taskbarEl = Ext.get('ux-taskbar');
var shortcuts = Ext.get('x-shortcuts');

var windows = new Ext.WindowGroup();
var activeWindow;

function minimizeWin(win){
win.minimized = true;
win.hide();
}

function markActive(win){
if(activeWindow && activeWindow != win){
markInactive(activeWindow);
}
taskbar.setActiveButton(win.taskButton);
activeWindow = win;
Ext.fly(win.taskButton.el).addClass('active-win');
win.minimized = false;
}

function markInactive(win){
if(win == activeWindow){
activeWindow = null;
Ext.fly(win.taskButton.el).removeClass('active-win');
}
}

function removeWin(win){
taskbar.removeTaskButton(win.taskButton);
layout();
}

function layout(){
desktopEl.setHeight(Ext.lib.Dom.getViewHeight()-taskbarEl.getHeight());
}
Ext.EventManager.onWindowResize(layout);

this.layout = layout;

this.createWindow = function(config, cls){
var win = new (cls||Ext.Window)(
Ext.applyIf(config||{}, {
manager: windows,
minimizable: true,
maximizable: true
})
);
win.render(desktopEl);
win.taskButton = taskbar.addTaskButton(win);

win.cmenu = new Ext.menu.Menu({
items: [

]
});

win.animateTarget = win.taskButton.el;

win.on({
'activate': {
fn: markActive
},
'beforeshow': {
fn: markActive
},
'deactivate': {
fn: markInactive
},
'minimize': {
fn: minimizeWin
},
'close': {
fn: removeWin
}
});

layout();
return win;
};

this.getManager = function(){
return windows;
};

this.getWindow = function(id){
return windows.get(id);
}

this.getWinWidth = function(){
var width = Ext.lib.Dom.getViewWidth();
return width < 200 ? 200 : width;
}

this.getWinHeight = function(){
var height = (Ext.lib.Dom.getViewHeight()-taskbarEl.getHeight());
return height < 100 ? 100 : height;
}

this.getWinX = function(width){
return (Ext.lib.Dom.getViewWidth() - width) / 2
}

this.getWinY = function(height){
return (Ext.lib.Dom.getViewHeight()-taskbarEl.getHeight() - height) / 2;
}

layout();

if(shortcuts){
shortcuts.on('click', function(e, t){
if(t = e.getTarget('dt', shortcuts)){
e.stopEvent();
var module = app.getModule(t.id.replace('-shortcut', ''));
if(module){
module.createWindow();
}
}
});
}
};

[karim orooji]

دوست عزیز
ببین این یه مثال کاملا سادست
کارش : با اجرا برنامه یه کادر محاوره ای باز میشه و خوش امدگویی میکنه