ورود

View Full Version : سوال: تغیر استایل در صورت کلیک


دانیال دزفولی
پنج شنبه 11 مهر 1392, 22:04 عصر
سلام
من الآن فایل سی اس اس فعال درس سایت دارم که ظاهر خاکستری داره
میخوام وقتی روی دکمه کلیک بشه فایل سی اس اس شماره دو برای سایت فعال شه

ممنون
دانیال دزفولی
پنج شنبه 11 مهر 1392, 22:29 عصر
کسی نمی دونه ؟؟
joker..
پنج شنبه 11 مهر 1392, 23:54 عصر
با java script میشه اینکارو کرد
دانیال دزفولی
جمعه 12 مهر 1392, 06:44 صبح
دست شما درد نکنه خودم که اینو بهتر می دونم ولی چطوری
qartalonline
جمعه 12 مهر 1392, 08:49 صبح
از کد زیر استفاده کنید:

<!DOCTYPE html>
<html>
<head>
<title>change page style</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link id="style" rel="stylesheet" media="all" type="text/css" href="style1.css">
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(document).bind('click', function(event) {

var target = $(event.target);
var t_id = target.attr('id');

if (t_id === 'changeStyle') {
$('#style').attr('href', 'style2.css');
}

}).trigger('click');
});
</script>
</head>
<body>
<button id="changeStyle" onclick="return false;">تغییر استایل</button>
</body>
</html>
joker..
جمعه 12 مهر 1392, 11:21 صبح
اول با document.getElementById المت رو میگیری بعدش با document.style میتونین استایل های مورد نظر رو بهش بدین.
خیلی آسونه ولی من هنوز تو جاوا خیلی مبتدیم نمیتونم درست توضیح بدم.
من خودم اینو از ت w3schools یاد گرفتم شماهم یه سر بزن پیدا میکنی
تو همون درس های ابتدایی جاوا اسکریپتشه
jalil_gh
جمعه 12 مهر 1392, 19:33 عصر
اگه نمیخایید از جی‌کوئری استفاده کنید میتونید از این روش استفاده کنید.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link id="style" rel="stylesheet" type="text/css" href="style1.css">
</head>
<body>
<script>
function changeStyle() {
document.getElementById('style').href = 'style2.css';
}
</script>
<button onclick="changeStyle();">changeStyle</button>
</body>
</html>
tamafi6
جمعه 12 مهر 1392, 19:52 عصر
سلام
من الآن فایل سی اس اس فعال درس سایت دارم که ظاهر خاکستری داره
میخوام وقتی روی دکمه کلیک بشه فایل سی اس اس شماره دو برای سایت فعال شه

ممنون
اینجا مطلب جدید
http://barnamenevis.org/showthread.php?422300-randaring
دانیال دزفولی
شنبه 13 مهر 1392, 13:32 عصر
دوستان اینا کار نمی کنن
مسیر استایل هم دقیقا با همون اسم استایل 2 کنار فایل ایندکس گذاشتم ولی جواب نمی ده
qartalonline
شنبه 13 مهر 1392, 13:39 عصر
فایلهاتون رو ضمیمه کنید.
دانیال دزفولی
شنبه 13 مهر 1392, 13:57 عصر
http://up.persianscript.ir/uploads/138097130244263.rar
qartalonline
شنبه 13 مهر 1392, 13:59 عصر
اشکال از فایل جی کوئری میباشد.
یک فایل جی کوئری دانلود کنید سپس به صفحه ضمیمه کنید.