PDA

View Full Version : سوال: پاورقی ثابت در صفحه



mahsa.n
دوشنبه 01 آذر 1389, 09:12 صبح
سلام به دوستان
من میخوام در صفحم یه پاورقی بذارم که وقتی صفحه scroll میشه این پاورقی از جاش تکون نخوره
نمیدونم چرا با firefox و opera کار میکنه ولی با ie نه
من css مسترپیج رو در ضمیمه قرار میدم.لطفا راهنمایی کنین

Mr FTHEL
دوشنبه 01 آذر 1389, 11:03 صبح
اگر ممکن هست لینک بدید تا چک کنم ;)

mahsa.n
دوشنبه 01 آذر 1389, 11:15 صبح
\http://sanapishronoavar.somee.com/fa/index.aspx

Mr FTHEL
دوشنبه 01 آذر 1389, 22:29 عصر
و خداوند جاوا اسکریپت را آفرید :لبخند:


<script>


//Start FTHEL
var logolink='javascript:window.scrollTo(0,0)'
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all
var displayed="<nobr><font size=2 face=Arial><b>[UP]</b></font></nobr>"
function MrFTHEL(){
window.location.reload()
}
function MrFTHEL2(){
if (ns4)
setTimeout("window.onresize=MrFTHEL",400)
}

if (ie4||ns6)
document.write('<span id="logo" style="position:absolute;top:-300;z-index:100">'+displayed+'</span>')

function createtext(){ //function for NS4
staticimage=new Layer(5)
staticimage.left=-300
staticimage.document.write('<a href="'+logolink+'">'+displayed+'</a>')
staticimage.document.close()
staticimage.visibility="show"
MrFTHEL2()
Mrfthellns()
}

function Mrfthell(){ //function for IE4/ NS6
var w2=ns6? pageXOffset+w : document.body.scrollLeft+w
var h2=ns6? pageYOffset+h : document.body.scrollTop+h
crosslogo.style.left=w2
crosslogo.style.top=h2
}

function Mrfthell2(){ //function for NS4
staticimage.left=pageXOffset+window.innerWidth-staticimage.document.width-28
staticimage.top=pageYOffset+window.innerHeight-staticimage.document.height-10
}

function FTHel(){ //function for IE4/ NS6
if (ie4)
crosslogo=document.all.logo
else if (ns6)
crosslogo=document.getElementById("logo")
crosslogo.innerHTML='<a href="'+logolink+'">'+displayed+'</a>'
w=ns6? window.innerWidth-crosslogo.offsetWidth-20 : document.body.clientWidth-crosslogo.offsetWidth-10
h=ns6? window.innerHeight-crosslogo.offsetHeight-15 : document.body.clientHeight-crosslogo.offsetHeight-10
crosslogo.style.left=w
crosslogo.style.top=h
if (ie4)
window.onscroll=Mrfthell
else if (ns6)
startstatic=setInterval("Mrfthell()",100)
}

if (ie4||ns6){
window.onload=FTHel
window.onresize=new Function("window.location.reload()")
}
else if (ns4)
window.onload=createtext

function Mrfthellns(){ //function for NS4
startstatic=setInterval("Mrfthell2()",90)
}

//Written By FTHEL-->
</script>

Keramatifar
چهارشنبه 03 آذر 1389, 13:26 عصر
برای اینجور کارها نیاز نیست از جاوا اسکریپت استفاده کنید
اینکار رو باید توسط متدهای Positioning در css انجام دهید
مثال:



#yourElementId{
position: fixed;
bottom: 0;
right: 0;
z-index:1000;
}

اگر کار نمیکنه مشکل اینه که div مربوطه توی form قرار گرفته و شما توی css به این شکل عمل کردی:


body #flow {position:fixed;


}


شما باید div رواز فرم خارج کنی و مستقیما داخل body قرار بدی

Mr FTHEL
چهارشنبه 03 آذر 1389, 16:42 عصر
عزیز گرهی که با دست با میشه که .... :چشمک:
جاوا اسکریپت حرف نداره:چشمک:

mahsa.n
دوشنبه 08 آذر 1389, 10:03 صبح
سلام ممنون که جواب دادین
من div رو از form بیرون آوردم ولی بازم فایده نداشت
دیگه نمیدونم باید چی کار کنم
لطفا به کدها نگاه کنین حتما جاییش مشکل داره



<body>
<form id="form1" runat="server">
<div id="main">
</div>

</form>
<div id="flow">
<a href="#header">بالای صفحه</a>
</div>




<!-- IE in quirks mode -->
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




<link href="../css/Falayout.css" rel="stylesheet" type="text/css"/>
<!--if IE>
<style type="text/css">
body
{
overflow-y:hidden;
}

#main
{
height:100%;
overflow:auto;
}
</style>
<![endif]-->


falayout:


html,body
{
behavior:url("csshover.htc");
margin: 0;
padding: 10px 20px 20px 20px;
font-family : Tahoma,B Mitra,Courier New,Calibri;
font-size: 14px;
background-color:#7C5840;
}
body #flow
{
position:absolute;
bottom:0;
right:0;
width:10%;
height:2em;
background-color:#5D0700;
color:#FFFFFF;
border-top:#778899;
text-align:center;
}
html > body #flow
{
position:fixed;
}
body #flow a:link,body #flow a:visited
{
padding:0.5em 1em 0.5em 1em;
color:#FFFFFF;
background-color:Transparent;
font-size:100%;
}
body #flow a:hover
{
text-decoration:none;
}

Mr FTHEL
دوشنبه 08 آذر 1389, 10:47 صبح
ببخشید اسپم دادم اما شما هم بدتون نمیاد گول خودتون بزنیدا به جای این همه دردسر از جاوا اسکریپت استفاده کنید روی همه ی مرورگرها هم جواب میده ;)

mahsa.n
دوشنبه 08 آذر 1389, 12:25 عصر
مرسی که کد دادین
ولی من میخوام بدونم کدای من چه مشکلی داره که اجرا نمیشه
اگر به جواب نرسیدم از کدای شما استفاده میکنم
بازم خیلی خیلی ممنونم

Mr FTHEL
سه شنبه 09 آذر 1389, 01:22 صبح
عزیز نمیدونم چرا گیر دادی به css :قهقهه: اما این کد کارتو راه میندازه :چشمک: با css هم هست :لبخند:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--www.uploadfa.Net FTHEL -->
<head>
</head>
<body>
<table width="100%"><tbody>

<tr>
<td class="content" valign="top"><p>&nbsp;</p>

<div style="position:fixed; bottom:0px; right:0; width:100px; background:#5D0700; direction:rtl"> بالای صفحه</div>
</td>
</tr>
</tbody></table>
</body>
</html>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

mahsa.n
چهارشنبه 10 آذر 1389, 12:38 عصر
مشكلم برطرف شد:لبخندساده:
خاصيت padding تگ body رو صفر كردم
براي اينكه main بياد وسط margin:0 auto و width بهش دادم
اين خط رو حذف كردم
<!-- IE in quirks mode -->