-
اضافه کردن جاوااسکریپت
سلام
من میخوام یک کد جاوا رو داخل فروم بکنم ولی نمیدونم چطور
کد:
<div id="watermarklogo" style="position:absolute;"></div>
<script src="staticlogo3.js">
</script>
این کد رو باید داخل body یک صفحه زیخت ولی تو php باید چیکار کنم ؟ میشه توضیح بدین ؟
اگر حل بشه سعی میکنم که به حالت مود در بیارم تا بتونیم استفاده کنیم.
(یک عکس ثابت رو گوشه انجمن میخوام نشون بده که صفحه بالا پایین بشه اون باز ثابت بمونه)
متشکرم
-
پاسخ : اضافه کردن جاوااسکریپت
سلام
نقل قول:
(یک عکس ثابت رو گوشه انجمن میخوام نشون بده که صفحه بالا پایین بشه اون باز ثابت بمونه)
برای این کار نیازی با جاوااسکریپت نیست ! می تونید فقط با CSS هم این کار رو بکنید . اگه درست متوجه شده باشم منظورتون رو ! [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] یه نمونه از کلاس و کد مربوطه هست
نقل قول:
این کد رو باید داخل body یک صفحه زیخت ولی تو php باید چیکار کنم ؟ میشه توضیح بدین ؟
اگه هدفتون فایل قالب هست از این روش استفاده کنید
کد:
<?php
///___php code ___
?>
<div id="watermarklogo" style="position:absolute;"></div>
<script src="staticlogo3.js">
</script>
<?php
///___php code ___
?>
این یه مدل ساده هست . اگه هدف و کدتون رو بدید بهتر میشه راهنمایی کرد .
موفق باشید
امیر
-
پاسخ : اضافه کردن جاوااسکریپت
خیلی ممنونم
من دقیقا میخوام که این کد رو تو انجمن پیاده کنم ولی اصلا نمیشه !
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
اگر روش دیگه ای سراغ دارین خیلی خیلی ممنون میشم که بگین. متشکرم
-
پاسخ : اضافه کردن جاوااسکریپت
سلام
خوب میتونی با echo اینو توی قالب انجمنت بذاری
-
پاسخ : اضافه کردن جاوااسکریپت
سلام
نقل قول:
(یک عکس ثابت رو گوشه انجمن میخوام نشون بده که صفحه بالا پایین بشه اون باز ثابت بمونه)
کدی که گذاشتید کاری که شما می خواهید رو درست انجام نمیده . این کد هنرش در مخفی کردن عکس بعد زمان مشخصه !
برای انجام این کار بهترین راه حل همون کدی هست که در مامبولرن استفاده شده بود و من در اون تاپیک قرارش دادم . فقط با HTML , CSS شما می تونید تمام چیز هایی که می خواهید رو در گوشه سایت به صورت ثابت داشته باشید .
به همون لینک مراجعه کنید و کد CSS رو در انتهای فایل CSS قالب قرار بدیدو کد HTML رو هم در صفحه قرار بدید . به راحتی می تونید اون کد رو بین کدهای HTML قالب قرار بدید (جاش مهم نیست ، مهم اینکه در صفحه باشه !) و یا با روش هایی که گفته شد در PHP قرارش بدی .
البته در روشی که دوستمون گفت (یعنی همون echo) نباید از ( " ) استفاده کنید .
اما نکته در این قسمت هست که :
نقل قول:
اگر حل بشه سعی میکنم که به حالت مود در بیارم تا بتونیم استفاده کنیم.
خوب در این شرایط شما بهتر هست که مود رو به صورت مستقل درست کنید . یعنی کاربر نیازی اضافه یا کم کردن کد در صفحه نداشته باشه .
بهتره که کد HTML رو به عنوان یه ماژول در سایت انتشار بدید . در صورت نیاز هم کاربر می تونه با عدم انتشار ماژول می تونه اون تصویر رو حذف کنه .
با این روش :
ببخشید اگه پاسخ یه خورده طولانی و پیچیده شد . اما فکر کنم این روش خوبی باشه .
کد:
<div style="position:fixed; top:0px; right:0px;">
<img src="image_address" align="right" />
</div>
با استفاده از این کد حتی در یک ادیتور ساده هم می تونید عکستون در این DIV قرار بدید و در گوشه بالا راست به صورت ثابت نشون داده خواهد شد . البته با اسکرول کردن هم این تصور در همون موقعیت از مرورگر قرار می گیره .
اگه نیازی به تغییر موقعیت داشتید می تونید از bottom و Left برای موقعیت دهی استفاده کنید .
اگر هم دوست ندارید که تصور با در گوشه مرورگر ثابت باشه ، می تونید position را از fixed به absolute تغییر بدید . اینطوری وقتی صفحه رو اسکرول می کنید تصویر مربوطه در بالا صفحه شما می مونه و از دید کاربر خارج میشه .
موفق باشید
امیر
-
پاسخ : اضافه کردن جاوااسکریپت
امیر جان دستت درد نکنه .... این کد آخری با کمال سادگی همونی بود که میخوام .... فقط یک مشکلی دارم
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
وقتی عکس رو گوشه بالا میزارم میره زیر لوگوی قالب ..... و کلا دیده نمیشه صفحه رو که میارم پایین دیده میشه .
میشه بگی چطور میتونم تنظیم کنم این لایه بالاتر از بقیه موارد دیده بشه ؟
-
پاسخ : اضافه کردن جاوااسکریپت
فکر کنم z-index مشکلو حل کنه
-
پاسخ : اضافه کردن جاوااسکریپت
z-index
?
این یعنی چی ؟ میشه توضیح بدین ؟
منتظرتونم مرسی
-
پاسخ : اضافه کردن جاوااسکریپت
با z-index میتونی لایه ها رو بالا پایین کنی
مثلا بگی این div لایه یک هست div بعدی لایه 2
پس div اول زیر div دوم قرار میگیره چون z-index اون کوچیکتر هست
-
پاسخ : اضافه کردن جاوااسکریپت
سلام
دوست عزیزیمون crouz کاملا درست می فرمایند برای این کار باید از Z-index استفاده کنید .
به این شکل
کد:
<div style="position:fixed; top:0px; right:0px; z-index:+1000">
<img src="image_address" align="right" />
</div>
این باعث میشه که لایه مربوطه روی لایه های دیگه قرار بگیره (حتی اگه 1000تا لایه رو هم داشته باشی!!؟ ;D)
موفق باشید
امیر
-
پاسخ : اضافه کردن جاوااسکریپت
سلام
دوستان واقعا دستتون درد نکنه .. نمیدونید چقدر کمک کردین .
قضیه ساده تر از چیزی هست که مود بکنمش مشکل از سواد نداشته بنده بود که رفته بودم سراغ اسکریپت های عجیب !
به هر حال خیلی خیلی لطف کردین .
-
پاسخ : اضافه کردن جاوااسکریپت
ای بابا .... این تو فایرفاکس درست نشون میده ولی تو IE مال ویندوز ایکس پی اشتباه نشون میده ! قالب رو به هم میریزونه چرا ؟ :(
-
پاسخ : اضافه کردن جاوااسکریپت
دوستان لطفا این مشکل من رو حل کنید بد جوری گیرم :(
2-3 روز الاف یک عکس فسقلی موندم !
متشکرم
-
پاسخ : اضافه کردن جاوااسکریپت
سلام
آقای بلورچیان من از سورس زیر برای سایت خودم استفاده کرده ام که نمونه آن را در سایت ببینید : [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
کد:
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>New Page 7</title>
</head>
<body>
<a><img src="adress_image" border="0" width="70" height="185" style="position:fixed; right:0px; top:90px; margin:0px; padding:0px"></a>
</body>
</html>
lموفق باشید.
-
پاسخ : اضافه کردن جاوااسکریپت
خیلی ممنونم ولی مال شمارم IE6 نشون نمیده :(
-
پاسخ : اضافه کردن جاوااسکریپت
سلام
این کد رو من با Ie 6 - 7 & firefox 2 & 3 تست کردم مشکلی نداشت :
کد:
<script type="text/javascript">
//Detect IE5.5+
version=0
if (navigator.appVersion.indexOf("MSIE")!=-1){
temp=navigator.appVersion.split("MSIE")
version=parseFloat(temp[1])
}
if (version>=5.5) {
document.write('<div id="fixeddiv" style="');
document.write(' position:absolute;');
document.write(' width:100px;height:100px;right:0px;bottom:0px;');
document.write(' padding:0px;cursor:pointer;');
document.write(' filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'masire tasvir\', sizingMethod=\'scale\');"');
document.write('onclick="window.open(\'[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] marboote\',\'Alt or title\',\'width=400,height=200,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes,resizable=yes\')">');
document.write('</div>');
}else{
document.write('<div id="fixeddiv" style="');
document.write(' position:absolute;');
document.write(' width:100px;height:100px;right:0px;bottom:0px;');
document.write(' padding:0px;">');
document.write('<img src="masire tasvir" width="100" height="100" border="0" usemap="#Map">');
document.write('</div>');
}
</script>
به جای masir tasvir - link marboote - alt or title مقادیر مناسب رو وارد کنید . همچنین سایز رو خودتون ست کنید
یا علی
-
پاسخ : اضافه کردن جاوااسکریپت
جناب فیروزمندان دستتون درد نکنه .... این کد رو مجید آنلاین گذاشته اونجارو تست کردم دیدم کامل کار میکنه ولی هرکار کردم تو smf نتونستم بزارمش !
هم تو head هم تو body گذاشتمش در هر دو حالت انجمن بالا نیومد و گفت قالب ارور داره و .....
میدونم بد جور سیریش شدم ولی خیلی کارم گیرش هست اگر بتونید کمک کنید کجای index.template بذارم خیلی خیلی خیلی....ممنون میشم
-
پاسخ : اضافه کردن جاوااسکریپت
سلام
کد زیر رو جایگزین کن و تست کن ببین انجمن بالا میاد;) :
کد:
<script type='text/javascript'>
//Detect IE5.5+
version=0
if (navigator.appVersion.indexOf('MSIE')!=-1){
temp=navigator.appVersion.split('MSIE')
version=parseFloat(temp[1])
}
if (version>=5.5) {
document.write('<div id='fixeddiv' style='');
document.write(' position:absolute;');
document.write(' width:100px;height:100px;right:0px;bottom:0px;');
document.write(' padding:0px;cursor:pointer;');
document.write(' filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'masire tasvir\', sizingMethod=\'scale\');'');
document.write('onclick='window.open(\'[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] marboote\',\'Alt or title\',\'width=400,height=200,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes,resizable=yes\')'>');
document.write('</div>');
}else{
document.write('<div id='fixeddiv' style='');
document.write(' position:absolute;');
document.write(' width:100px;height:100px;right:0px;bottom:0px;');
document.write(' padding:0px;'>');
document.write('<img src='masire tasvir' width='100' height='100' border='0' usemap='#Map'>');
document.write('</div>');
}
</script>
البته حتما باید با echo قرارش بدی ...
یا علی
-
پاسخ : اضافه کردن جاوااسکریپت
من شرمنده خیلی کم php بلدم شایدم کلا بلد نیستم!
چطوری باید برای این از echo استفاده کنم ؟ مشکل همینجاست که بلد نیستم !
-
پاسخ : اضافه کردن جاوااسکریپت
سلام
امیر جان این کد رو دقیقا میخوایی توی کدوم فایل قرار بدی ؟
کد اون فایل رو اینجا قرار بده تا کد کامل رو برات بنویسم ...
یا علی
-
پاسخ : اضافه کردن جاوااسکریپت
خیلی شرمنده میکنید ....
اینم فایل من :
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
یک دنیا متشکرم
-
پاسخ : اضافه کردن جاوااسکریپت
امیر جان یه کاری کن شما :
کد جاوا اول رو ، توی یک فایل js ذخیره کن
بعد :
کد:
echo "<script language='JavaScript' type='text/javascript' src='masire zakhire shode file js'></script>";
رو بعد از بسته شدن تگ head بذار . البته چک کن اینو توی یک echo دیگه نذاری
یا علی
-
پاسخ : اضافه کردن جاوااسکریپت
خوب .... من این کارو کردم البته جای " و ' رو اشتباه نوشته بودین تو پست آخر ....
به هر حال صفحع بالا اومد و مشکلی نیست ولی هیچی نشد ! هیچ تاثیری نذاشت !
اینم محتویات فایل JS من :
کد:
<script type='text/javascript'>
//Detect IE5.5+
version=0
if (navigator.appVersion.indexOf('MSIE')!=-1){
temp=navigator.appVersion.split('MSIE')
version=parseFloat(temp[1])
}
if (version>=5.5) {
document.write('<div id='fixeddiv' style='');
document.write(' position:absolute;');
document.write(' width:100px;height:100px;left:0px;bottom:0px;');
document.write(' padding:0px;cursor:pointer;');
document.write(' filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] \', sizingMethod=\'scale\');'');
document.write('onclick='window.open(\'[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] or title\',\'width=400,height=200,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes,resizable=yes\')'>');
document.write('</div>');
}else{
document.write('<div id='fixeddiv' style='');
document.write(' position:absolute;');
document.write(' width:100px;height:100px;left:0px;bottom:0px;');
document.write(' padding:0px;'>');
document.write('<img src='[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] width='100' height='100' border='0' usemap='#Map'>');
document.write('</div>');
}
</script>
شرمنده همتون :(
-
پاسخ : اضافه کردن جاوااسکریپت
[quote author=اميرعلي بلورچيان link=topic=14737.msg78965#msg78965 date=1216123768]
خوب .... من این کارو کردم البته جای " و ' رو اشتباه نوشته بودین تو پست آخر ....
شرمنده همتون :(
[/quote]
سلام
" درسته و مشکلی نداره چون شما دارید کد رو توی فایل جاوا اسکریپت میذارید .
نقل قول:
رو بعد از بسته شدن تگ head بذار . البته چک کن اینو توی یک echo دیگه نذاری
اما شما قبل از بسته شدن تگ head گذاشتید !
یا علی
-
پاسخ : اضافه کردن جاوااسکریپت
یعنی بین این دو کد بزارم ؟
</head>
......
<body>
درسته ؟ بین این دو بزارم ؟
-
پاسخ : اضافه کردن جاوااسکریپت
-
پاسخ : اضافه کردن جاوااسکریپت
کد:
</head>
<script language="JavaScript" type="text/javascript" src="[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
<body>
من الان این رو میزارم بازم تاثیری نمیذاره......
:'(
لطف کنید دقیق همین کد رو ویرایش کنید بگید چیکارش کنم
شرمنده دارم رو اعصابتون راه میرم :-\
-
پاسخ : اضافه کردن جاوااسکریپت
اونقدر گیر دادم دیگه کسی جواب نمیده ؟ :دی