PDA

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



ali reza mansoori 2
چهارشنبه 16 مرداد 1392, 23:23 عصر
سلام دوستان
من با کد زیر در رویداد فکوس تکس استال اونو تغییر میدم
#search:focus{
background:#ffffff;
}
حالا میخوام وقتی همین رویداد اتفاق افتاد استایل یه تگ دیگه هم تغییر کنه

H:Shojaei
چهارشنبه 16 مرداد 1392, 23:34 عصر
بايد از جاوا استفاده كنيد با css نميشه.
يه مثال با onclick دم دست بود ميذارم واسه فوكوسش تغييرش بديد ديگه:

<!DOCTYPE html>
<html>
<head>
<script>
function displayDate()
{
document.getElementById("demo").style.color="red";
}
</script>
</head>
<body>

<h1>My First JavaScript</h1>
<p id="demo">This is a paragraph.</p>

<button type="button" onclick="displayDate()">Display Date</button>

</body>
</html>


البته اگر اون تگ كه ميخوايد استايلش تغيير كنه داخل اين تگ باشه ميشه كه اين رو فكر كنم بدونيد.

H:Shojaei
چهارشنبه 16 مرداد 1392, 23:36 عصر
اينم واسه onfocus تلفيقشون كنيد درست ميشه:

<input type="text" onfocus="myFunction(this)">

ali reza mansoori 2
چهارشنبه 16 مرداد 1392, 23:59 عصر
بسیار تشکر
برای آن فکوس باید از چه رویدادی استفاده کنم

یه سوال دیگه
شما در فانکشن نوشتید

document.getElementById("demo").style.color="red";
یعنی با جاوااسکریپت استایل دادید
میتونم در اینجا کلاس یا ایدی تک مورد نظر رو تغییر بدم؟
و بعد داخل Css من برای اون تگ استایل بنویسم

H:Shojaei
پنج شنبه 17 مرداد 1392, 00:17 صبح
بسیار تشکر
برای آن فکوس باید از چه رویدادی استفاده کنم

یه سوال دیگه
شما در فانکشن نوشتید

یعنی با جاوااسکریپت استایل دادید
میتونم در اینجا کلاس یا ایدی تک مورد نظر رو تغییر بدم؟
و بعد داخل Css من برای اون تگ استایل بنویسم

واسه آن فوكوس كه نوشتم ديگه تو پست دومم.
سوال دومتون هم آره ميشه ولي بايد از jquery استفاده كنيد كه اول بايد كلاس مورد نظر رو حذف كنيد مثال:

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").removeClass("intro");
});
});
</script>
<style type="text/css">
.intro
{
font-size:120%;
color:red;
}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p class="intro">This is a paragraph.</p>
<p class="intro">This is another paragraph.</p>

<button>Remove the "intro" class from all p elements</button>

</body>
</html>



و بعد كلاس خودتون رو بهش بديد و ...:


<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p:first").addClass("intro");
});
});
</script>
<style>
.intro
{
font-size:150%;
color:red;
}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

<button>Add a class name to the first p element</button>

</body>
</html>

mehbod.rayaneh
پنج شنبه 17 مرداد 1392, 00:20 صبح
سلام
در صورتی ک رابطه والد و فرزند داشته باشن میتونید این کارو با css اینجام بدید!

#id:hover .class{style}

ali.poorbazargan
پنج شنبه 17 مرداد 1392, 02:05 صبح
آره ميشه ولي بايد از jquery استفاده كنيد


برای اینکار احتیاجی به Jquery نیست . فقط کافیه از HTML DOM استفاده بشه .
شما خیلی راحت میتونید یه event برای هر تگی ایجاد کنید و به وسیله اون style, attribute یا هرچیز دیگه رو تغییر بدید . فقط باید name یا class یا id اونرو وارد کنید .


document.getElementById("tagID")
document.getElementByClassName("tagclassname").
document.getElementByName("tag-name")

H:Shojaei
پنج شنبه 17 مرداد 1392, 02:37 صبح
برای اینکار احتیاجی به Jquery نیست . فقط کافیه از HTML DOM استفاده بشه .
شما خیلی راحت میتونید یه event برای هر تگی ایجاد کنید و به وسیله اون style, attribute یا هرچیز دیگه رو تغییر بدید . فقط باید name یا class یا id اونرو وارد کنید .


document.getElementById("tagID")
document.getElementByClassName("tagclassname").
document.getElementByName("tag-name")

دوست عزيز شما سوال رو يه بار ديگه بخون متوجه ميشي من هم اول همين برداشت شما رو داشتم چند بار خوندم متوجه شدم چي ميخوان.
ايشون ميگن كلا خود نام كلاس عوض بشه نه استايلها.

ali.poorbazargan
پنج شنبه 17 مرداد 1392, 03:14 صبح
دوست عزيز شما سوال رو يه بار ديگه بخون متوجه ميشي من هم اول همين برداشت شما رو داشتم چند بار خوندم متوجه شدم چي ميخوان.
ايشون ميگن كلا خود نام كلاس عوض بشه نه استايلها.

حق با شماست به سوال دومشون خیلی دقت نکردم.