مشکل در لینک دار کردن

[mojtabakhazaeli]

سلام من یک صفحه با ادرس زیر ساختم اما باهاش یک مشکلی دارم
دا خل صفحه یک باتن هست که این طوری نوشته شده


<div id="btn" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<span id="btnn" class="center-block"><a href="<?php $url=$_GET['url']; echo"$url"; ?>">انتقال لینک</a></span>
</div>

بعد من مشکلم اینه که فقط نوتشه و متن دا خل باتن لینک داره
و وقتی تگ a رو جا به جا می کنم تمام عرض صفحه در دو طرف باتن لینک میشه
میخوام وقط باتن لینک دار باشه!
صفحه انتقال دهنده لینکه بعد از ده ثانیه شما به گوگل منتقل میشید
ادرس صفحه:
http://ent.paalet.ir/index.php?url=http://www.google.com

[H:Shojaei]

بعد من مشکلم اینه که فقط نوتشه و متن دا خل باتن لینک داره
باید display:block; رو واسه تگ a اختصاص بدین و بهش ارتفاع و عرضی که میخواید بدین...


و وقتی تگ a رو جا به جا می کنم تمام عرض صفحه در دو طرف باتن لینک میشه
جابه جا؟ چطور جا به جا میکنید؟

[mojtabakhazaeli]

باید display:block; رو واسه تگ a اختصاص بدین و بهش ارتفاع و عرضی که میخواید بدین...

جابه جا؟ چطور جا به جا میکنید؟
تگ aرو تو این وضعیت قرار میدم


<div id="btn" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<a href="<?php $url=$_GET['url']; echo"$url"; ?>">
<span id="btnn" class="center-block">انتقال لینک</span>
</a>
</div>



دیس پلی btn و btnnرو هم دبلاک می کنم ولی باز هم نمیشه !

[mojtabakhazaeli]

باید display:block; رو واسه تگ a اختصاص بدین و بهش ارتفاع و عرضی که میخواید بدین...

جابه جا؟ چطور جا به جا میکنید؟
تگ aرو تو این وضعیت قرار میدم



<div id="btn" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<a href="<?php $url=$_GET['url']; echo"$url"; ?>">
span id="btnn" class="center-block">انتقال لینک</span>
</a>
</div>


دیس پلی btn و btnnرو هم دبلاک می کنم ولی باز هم نمیشه !

[mojtabakhazaeli]

کسی نیسب به من کمک کنه؟

[barnamenevis2016]

سلام...خوب برای تنها متنتون لینک دار نباشه...یا می تونید خود اون تگ a رو فالب دهی کنید و به شکل دبخواه دربیارید...یا اگر می خوایید با تگ span قالب دهی کنید و تنها متنتون لینک دار نباشه و کل باتن لینک دار باشه..باس مثلا حال دوم عمل کنید....یعنی تگ apan رو داخل a قرار بدید..حالا اینکه می گید با مشکل مواجه می شید...بهتره کد css رو هم بزاری که تصحیحش کنید...ولی فکر کنم با تغییر span به div و تعیین table برای خصوصیت display برای اون تا حدی به خواستتون برسید..ولی باز کد css رو بزارید..بهتره...

[mojtabakhazaeli]

سلام...خوب برای تنها متنتون لینک دار نباشه...یا می تونید خود اون تگ a رو فالب دهی کنید و به شکل دبخواه دربیارید...یا اگر می خوایید با تگ span قالب دهی کنید و تنها متنتون لینک دار نباشه و کل باتن لینک دار باشه..باس مثلا حال دوم عمل کنید....یعنی تگ apan رو داخل a قرار بدید..حالا اینکه می گید با مشکل مواجه می شید...بهتره کد css رو هم بزاری که تصحیحش کنید...ولی فکر کنم با تغییر span به div و تعیین table برای خصوصیت display برای اون تا حدی به خواستتون برسید..ولی باز کد css رو بزارید..بهتره...
سلام مرسی با استایل نوشتن برای تگ aمشکل حل شد
فقط اگر بخوام قبل از 10ثانیه لینک داخل تگ a کار نکنه باید چیکار کنم
یک همچین اسکریپتی برای شمارش معکوس خودتون قبلا بهم داده بودید


<script>
function timing(){
ele = document.getElementById('url_timing');
ele.innerHTML = ele.innerHTML -1;
if(ele.innerHTML!=0)setTimeout("timing()",1000)
}
setTimeout("timing()",1000)
</script>


و گفته بودید ("
نکته اصلی کد بالا

setTimeout در اون هست که این تابع تعریف می کنه پس از مدت فلان ثانیه (هر 1000 که اونجا زدم معادل یک ثانیه است) فلان تابع دلخواه رو اجرا کنه")
ایا میشه از همین اسکریپت برای لینک دار کردن تگ aبعد از یک زمان خاص استفاده کرد؟
یا باید از اسکریپت دیگه ای استفاده کنم؟
و اصن کلا چجوری این کار رو انجام بدم

[barnamenevis2016]

بله می شه...مثلا از کد زیر می تونید برید:
در اون تابع timing به جای خط کد زیر:

if(ele.innerHTML!=0)setTimeout("timing()",1000)
بنویسیم:
if(ele.innerHTML!=0){
setTimeout("timing()",1000)
}else{
document.getElementById("aTagId").setAttribute("href","index.php")
}
در این حالت پس از ده ثانیه...مقدار href مربوط به تگ a مقدار دهی می شه که شما می تونی به جا index.php هرچی بزاری...
در این صورت دیگه نباس...در ابتدا مقدار href تگ a رو بزاری و باید a رو بدون href بنویسی...
می تونید واس زیبا شدن کار هم بیایید..شکل موس رو وقتی کاربر موسش رو برد روی لینک در ابتدا به حالت انتظار در بیارید.با دادن استایل زیر برای نگ a مربوطه


cursor: wait;و پس از ده ثانیه هم از کد زیر استفاده کنید . اون رو در زیر همون setAttribute قرار بدید که شکلک موس به شکل دست تبدیل بشه دیگه حالت انتظار رو نداشته باشه :لبخندساده:
document.getElementById("aTagId").style.cursor = "pointer"

اون aTagId هم که طبیعتا نام id تگ a هست که به دلخواه تعیین می شه

[mojtabakhazaeli]

بله می شه...مثلا از کد زیر می تونید برید:
در اون تابع timing به جای خط کد زیر:

if(ele.innerHTML!=0)setTimeout("timing()",1000)
بنویسیم:
if(ele.innerHTML!=0){
setTimeout("timing()",1000)
}else{
document.getElementById("aTagId").setAttribute("href","index.php")
}
در این حالت پس از ده ثانیه...مقدار href مربوط به تگ a مقدار دهی می شه که شما می تونی به جا index.php هرچی بزاری...
در این صورت دیگه نباس...در ابتدا مقدار href تگ a رو بزاری و باید a رو بدون href بنویسی...
می تونید واس زیبا شدن کار هم بیایید..شکل موس رو وقتی کاربر موسش رو برد روی لینک در ابتدا به حالت انتظار در بیارید.با دادن استایل زیر برای نگ a مربوطه


cursor: wait;و پس از ده ثانیه هم از کد زیر استفاده کنید . اون رو در زیر همون setAttribute قرار بدید که شکلک موس به شکل دست تبدیل بشه دیگه حالت انتظار رو نداشته باشه :لبخندساده:
document.getElementById("aTagId").style.cursor = "pointer"

اون aTagId هم که طبیعتا نام id تگ a هست که به دلخواه تعیین می شه
سلام خوب این جوری که تایمر معکوسم از کار میوفته!!

[barnamenevis2016]

چطور تایمر معکوس از کار می افته؟؟الان من کد زیر رو تست کردم...جواب داد

<a style="cursor: wait;" id="aTagId">انتقال لینک</a>
<b style="cursor: wait;" id="url_timing">4</b>
<script>
function timing(){
ele = document.getElementById('url_timing');
ele.innerHTML = ele.innerHTML -1;
if(ele.innerHTML!=0){
setTimeout("timing()",1000)
}else{
document.getElementById("aTagId").setAttribute("href","index.php")
document.getElementById("aTagId").style.cursor = "pointer"
}
}
setTimeout("timing()",1000)

</script>
می تونید آدرس رو هم اینطوزی به متغیر جاوا بدید:

<?php echo "<script> _address = {$_GET['url']} </script>" ?>
و بعد _address رو در کد جاوا به شکل زیر جا بدید:


document.getElementById("aTagId").setAttribute("href",_address)