با سلام
در قسمتی از کد نویسی HTML سایتی
میخوام کاربر روی دگمه ای بزنه و دستوری اجرا بشه دوباره روی دگمه بزنه دستور بعدی اجرا بشه همینطور الی آخر کد این دستور را پیدا نکردم ممنون میشم راهنمایی کنید
Printable View
با سلام
در قسمتی از کد نویسی HTML سایتی
میخوام کاربر روی دگمه ای بزنه و دستوری اجرا بشه دوباره روی دگمه بزنه دستور بعدی اجرا بشه همینطور الی آخر کد این دستور را پیدا نکردم ممنون میشم راهنمایی کنید
دقیقا چه کدی ؟
جاوا اسکریپت ؟
در ظمن تاپیک جای نامناسبی هست باید در انجمن طراحی وب مطرح می کردید.
بابت جاش عذر خواهی میکنم چون برنامه نویسی بود گفتم شاید اینجا بشه گذاشتنقل قول:
خود html نمی تونه ؟
با دستور iframe یک سایتی رو نشون میده تو پنجره ای در سایت خودم حالا میخوام با زدن دگمه سایت دیگه ا رو نشون بده
با HTML نمی شه کد اجرایی نوشت. باید از javascript استفاده کنین.
میشه راهنمایی بیشتر کنید با جاوا آشنایی ندارمنقل قول:
دستورشو بدید ممنون میشم
خوب باید یاد بگیرید تا بتونید ازش استفاده کنید. یه بلاک switch می ذارید با یه شمارنده که هر بار رو دکمه کلیک می کنید زیاد بشه.نقل قول:
[PHP]
switch(counter)
{
case 0:
function0();
break;
case 1:
function1();
break;
case 2:
function2();
break;
}
counter = (counter + 1) % 3;
[/PHP]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] رو هم بخونید. چگونگی گذاشتن کد برای دکمه هست.
متوجه شدم.
با html میشه ولی باید jquery هم اضافه کنید.
باید کدی بزنید که با کلیک روی تگ a ، اتریبیوت src از تگ iframe عوض بشه. یک زمانی بنده برای تغییر بک گراند در صورتی که روی تگ a کلیک بشه، همچین پلاگینی با این کد نوشتم.
w3schools.com رو بررسی کنید قسمت jquery کدش باید باشه.
اگر پیدا نکردید بگید تا قرار بدم.
موفق باشید.
پاک شود لطفا
گشتم ولی پیداش نکردم اگه قرار بدید ممنون میشم :n16:نقل قول:
بله درسته الان بررسی می کنم وجود نداره. حتما جای دیگه مثل سایت جیکوئری دیدم :n26:
به هر حال کد اینه :
حالا اگر روی این کلیک کنیم درست میشه :کد:$("#link").click(function(){
$("iframe").attr("src","link jadid");
});
[HTML] <a href="#" id="link" >Change</a>[/HTML]
اینم از iframe
[HTML]<iframe src="http://link" width="200" height="200"></iframe>[/HTML]
کد کامل :
[HTML]
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#link").click(function(){
$("iframe").attr("src","http://forum.p30world.com/showthread.php?t=672059");
});
});
</script>
</head>
<body>
<a href="#" id="link" >Change</a>
<iframe src="http://forum.p30world.com" width="200" height="200"></iframe>
</body>
</html>
[/HTML]
من کد را بصورت زیر برای سه سایت قرار دادم ولی تو دومی گیر میکنه هر چی کار کردم درست نشد
یک مشکل دیگه اینکه من تو کد 100 درصد صفحه گذاشتم ولی طولش نصفه میاد و باید اسکرول کرد و صد درصد صفحه نمیشه ولی عرضش صد در صد رو میپوشونه
ممنون از پیگیری و پاسخگویی کاملتون :n11:کد:<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#link").click(function(){
$("iframe").attr("src","http://site1");
});
$("#link").click(function(){
$("iframe").attr("src","http://site2");
});
});
</script>
</head>
<body>
<a href="#" id="link" >Next</a>
</a></div></td></tr></table><iframe id="iframe" src="http://site0" width="100%" height="100%" marginheight="0" marginwidth="0" frameborder="0" scrolling="yes"></iframe></body></html>
</body>
</html>
این تگ های بسته قبل از تگ آیفریم چیه ؟
[HTML]</a></div></td></tr></table>[/HTML]
اینجوری که شما میگید نمیشه. باید برای هر لینک یک تگ a جدا تعریف کنید.
همچین کدی میشه :
کد:<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#link").click(function(){
$("iframe").attr("src","http://forum.p30world.com/member.php?u=866465");
});
$("#link2").click(function(){
$("iframe").attr("src","http://forum.p30world.com/index.php");
});
$("#link3").click(function(){
$("iframe").attr("src","http://forum.p30world.com/showthread.php?t=672059&page=2");
});
});
</script>
</head>
<body>
<a href="#" id="link" >Next</a>
<a href="#" id="link2" >Next 2</a>
<a href="#" id="link3" >Next 3</a>
<iframe id="iframe" src="http://img.upload724.com/"></iframe>
</body>
</html>
</body>
</html>
اون زائد بود حذف کردم
ظاهرا بصورت بالا باید برای هر لینک یک دگمه گذاشته بشه که میخوام با زدن Net فقط با یک دگمه بره سایت بعدی
هم اینکه یک تکه کوچیک از طول سایت بود و با وجود دستور 100 درصد قسمتیشو نشون میداد
با جاوا هم طوری که دوستمون گفتن نوشتم ولی اینم مشکل داره دیگه نمیدونم چیکارش کنم :n28:
جناب [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] خیلی کمک کردن کلی شرمندشون شدم
کد:<script type="text/javascript">
function counter(){
counter = (counter + 1) % 3;
}
</script>
<input type="button" name="button" value="Next Website" onclick="counter();" />
switch(counter)
{
case 0:
function0(<iframe id="iframe" src="http://site1" width="100%" height="100%" marginheight="0" marginwidth="0" frameborder="0" scrolling="yes"></iframe>);
break;
case 1:
function1(<iframe id="iframe" src="http://site2" width="100%" height="100%" marginheight="0" marginwidth="0" frameborder="0" scrolling="yes"></iframe>);
break;
case 2:
function2(<iframe id="iframe" src="http://site3" width="100%" height="100%" marginheight="0" marginwidth="0" frameborder="0" scrolling="yes"></iframe>);
break;
case 3:
function3(<iframe id="iframe" src="http://site4" width="100%" height="100%" marginheight="0" marginwidth="0" frameborder="0" scrolling="yes"></iframe>);
break;
case 4:
function4(<iframe id="iframe" src="http://site5" width="100%" height="100%" marginheight="0" marginwidth="0" frameborder="0" scrolling="yes"></iframe>);
break;
case 5:
function5(<iframe id="iframe" src="http://site6" width="100%" height="100%" marginheight="0" marginwidth="0" frameborder="0" scrolling="yes"></iframe>);
break;
}
کد رو به این صورت بنویسید کار می کنه:نقل قول:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]