مشکل با تغییر اندازه یک فریم جاوا

من دنبال یک تب منو بودم اما سایزش جالب نبود
کدش اینه :

کد:

<html> <head> <link type="text/css" rel="stylesheet" href="JSTabs.css"> <script language="JavaScript" src="JSTabs.js"></script> <title>JavaScript Tab Menu Object by Tanwani Anyangwe</title> </head> <body> <b>JavaScript Tab Menu Object by Tanwani Anyangwe</b> <hr size=1 noshade> <div id="myDiv" style="display:none"> <div style="background-color:white;border:1px solid black;font-size:16;height:245px;padding:4px;font-family:comic sans ms;"> salam </div> </div> <script> var g = new JSTabs(500,500); g.addTab("Image URL","papa.jpg",3); g.addTab("InLine HTML","<b>HTML</b> and text can be inserted"); g.addTab("Inner HTML", document.getElementById("myDiv").innerHTML ); //Another elements content g.addTab("External File","http://www.hiworld.persiangig.com",2); g.build(); </script> </body> </html>

برای تغییر اندازه باید این خط را تغییر داد :

کد:

var g = new JSTabs(500,500);

اما اگه من نی خواهم 500 در 500 باشه یعنی به جای پیکسل درصد بهش بدم که کل پیج رو بگیره
باید چی کار کنم ؟

سلام.

اگر بتونید خودتون اسکریپتش رو دستکاری کنید، خودتون می تونید یه کاری کنید که از % هم بشه استفاده کرد. ولی اگر اینکار برای شما مقدور نیست می تونید از تابعی که نوشتم، استفاده کنید. یک مثال هم برای طرز استفاده ش هست:

کد:

function winsize() { var w = 0, h = 0; if ( document.body && document.body.clientWidth ) { w = document.body.clientWidth; h = document.body.clientHeight; } else if (document.documentElement && document.documentElement.clientWidth) { w = document.documentElement.clientWidth; h = document.documentElement.clientHeight; } else if (!!navigator.userAgent.indexOf("Gecko")) { w = window.innerWidth; h = window.innerHeight; } return { "Width": w, "Height": h }; }; window.onload = function() { alert("Window Width = " + winsize().Width + "\nWindow Height = " + winsize().Height); };

موفق باشید.

این هم طریقه ی استفاده از این کد در اسکریپت شما:
[HTML]
<html>
<head>
<link type="text/css" rel="stylesheet" href="JSTabs.css">
<script language="JavaScript" src="JSTabs.js"></script>
<title>JavaScript Tab Menu Object by Tanwani Anyangwe</title>
</head>
<body>
<b>JavaScript Tab Menu Object by Tanwani Anyangwe</b>
<hr size=1 noshade>
<div id="myDiv" style="display:none">
<div style="background-color:white;border:1px solid black;font-size:16;height:245px;padding:4px;font-family:comic sans ms;">
salam
</div>
</div>
<script>

function winsize() {
var w = 0, h = 0;
if ( document.body && document.body.clientWidth ) {
w = document.body.clientWidth;
h = document.body.clientHeight;
} else if (document.documentElement && document.documentElement.clientWidth) {
w = document.documentElement.clientWidth;
h = document.documentElement.clientHeight;
} else if (!!navigator.userAgent.indexOf("Gecko")) {
w = window.innerWidth;
h = window.innerHeight;
}

return { "Width": w, "Height": h };
};

var g = new JSTabs(winsize().Width, winsize().Height);
g.addTab("Image URL","papa.jpg",3);
g.addTab("InLine HTML","<b>HTML</b> and text can be inserted");
g.addTab("Inner HTML", document.getElementById("myDiv").innerHTML ); //Another elements content
g.addTab("External File","http://www.hiworld.persiangig.com",2);
g.build();
</script>

</body>
</html>
[/HTML]
ممکنه نیاز باشه تا جای Width و Height رو در این قسمت عوض کنید، چون من اطلاع ندارم که کدوم آرگومان خاصیت Height و یا Width هست.

کد:

var g = new JSTabs(winsize().Width, winsize().Height);

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
من نمی دونستم از فانکشن ها میشه تو بادی هم استفاده کرد

دوست عزیز صفحه از 100& بزرگ تره لطفا خودت تست کن
این هم کد فایل جاوا

کد:

var prevIndex=-1; function TabClick(tabId,Index) { if(prevIndex >-1 ){ var pTab = el(tabId + prevIndex +"Tab") var pCon = el(tabId + prevIndex +"Content") pTab.className = "tab"; pCon.style.display = "none"; } var cTab = el(tabId + Index +"Tab") var cCon = el(tabId + Index +"Content") cTab.className = "seltab"; cCon.style.display = "block"; prevIndex = Index; } function el(sId){ if(document.layers) { return document.layers[sId]; } if (document.all) { return document.all(sId); } else { return document.getElementById(sId); } } function JSTabs(width,height) { this.width = (!isNaN(width))?width:""; this.height = (!isNaN(height))?height:""; this.spacing = 1; this.defaultTab = 0; this.id = "JSTabs1"; this.tabWidth = Math.round( (this.width/this.count) - ( this.spacing * (this.count-1) ) ); this.tabs = new Array(); this.addTab = _addTab; this.build = _build; return this; } function tab(caption,content,content_type){ this.caption = caption; this.content = content; this.content_type = content_type; return this; } function _addTab() { this.count = this.tabs.length + 1; this.tabs[this.tabs.length] = new tab(); this.tabs[this.tabs.length-1].caption = arguments[0]; var s; switch (arguments[2]){ case 1: s = arguments[1]; break; case 2: s = "<iframe src=\""+ arguments[1] +"\" width=\""+ (this.width-10) +"\" height=\""+ (this.height-10) +"\"></iframe>"; break; case 3: s = "<img src=\""+ arguments[1] +"\" >"; break; default: s = arguments[1]; } this.tabs[this.tabs.length-1].content = s; } function _build(){ var s,s2=""; s ="" s += "<table width=\""+ this.width +"\" border=0 cellspacing=\"0\" cellpaddin=\"0\" ><tr>"; for(var i=0;i<this.count;i++){ s += "<td id=\""+ this.id + i +"Tab\" class=\"tab\" onclick=\"TabClick('"+ this.id +"',"+ i +")\" width=\""+ this.tabWidth +"\" >"+ this.tabs[i].caption +"</td>"; s2 += "<div id=\""+ this.id + i +"Content\" class=\"tabContent\" style=\"height:"+this.height+"px;\">"+ this.tabs[i].content +"</div>"; if (i<this.count-1 && this.spacing>0 ) { s += "<td class=\"tabSpacer\" width=\""+ this.spacing +"\"> </td>"; } } s += "</tr><tr><td valign=\"top\" colspan=\""+ ((this.count * 2)-1) +"\" width=\""+ this.width +"\" class=\"cell\" height=\""+ this.height +"\">" s += s2 + "</td></tr></table>"; document.write (s); TabClick(this.id,this.defaultTab); }

سلام.

با توجه به کدی که بالا قرار دادید، و قبلا هم خودتون گفتید، این اسکریپت از یک iFrame ( فریم پنهان ) استفاده می کنه. اینگونه فریم ها هم قابلیت این رو ندان تا تمام اندازه بشن و تمام صفحه رو بگیرن.

نقل قول:

نوشته شده توسط amin ehelp [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

سلام.

با توجه به کدی که بالا قرار دادید، و قبلا هم خودتون گفتید، این اسکریپت از یک iframe ( فریم پنهان ) استفاده می کنه. اینگونه فریم ها هم قابلیت این رو ندان تا تمام اندازه بشن و تمام صفحه رو بگیرن.

خوب دوست عزیز به من چه پیشنهادی می کنی ؟ من می خواهم یک صفحه رو تب بندی کنم

نقل قول:

نوشته شده توسط hiworld [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

خوب دوست عزیز به من چه پیشنهادی می کنی ؟ من می خواهم یک صفحه رو تب بندی کنم

در حال حاضر بهترین پیشنهاد می تونه Ajax باشه.

اگر می تونید، خودتون بنویسیدش ولی اگر این امکان وجود نداره می تونید از اسکریپتهای آماده ی دیگه استفاده کنید. این عبارت رو توی گوگل سرچ کنید، نتیجه های خوبی در بر داره:

Ajax Tab Content

ممنون ولی اگه کد جاواشو گیر اوردی بهم بده ممنون میشم چون من از ای جکس چیزی نمی فهمم

نقل قول:

نوشته شده توسط hiworld [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

ممنون ولی اگه کد جاواشو گیر اوردی بهم بده ممنون میشم چون من از ای جکس چیزی نمی فهمم

نیازی به اینکار نیست، گفتم که همین keyword ی که توی پست قبلی گذاشتم رو توی گوگل جستجو کن، n تا ریخته!