ورود

View Full Version : سوال: صدا زدن یک label یا div در یک css



hrs.1989
چهارشنبه 10 آبان 1391, 17:29 عصر
سلام دوستان می خوام بدونم که در css میشه کنترل یک label دیگری رو در دست داشت؟
به عنوان مثال من دو label دارم که به این شکله : این css مربوط به label 1 می باشد.


.label
{
color:red;
}
.label:hover
{
color:green;
دراینجا بخوام color label 2 رو عوض کنم
}


حالا چه جوریاست اصلا امکان پذیر هست ؟

ایمان مدائنی
چهارشنبه 10 آبان 1391, 17:38 عصر
بله به lable آی دی بده

مثلا آی دیش lblName

#lblName

hrs.1989
چهارشنبه 10 آبان 1391, 17:48 عصر
البته منظورم اینجوری نیست .


#label2
{

}


میشه یک مثال کاملتر بزنید

hrs.1989
چهارشنبه 10 آبان 1391, 19:32 عصر
.label
{

background-color:Red;
display:none;

}
.styleProfilePost:hover,.label:hover
{
display:block;
color:Black;
height: 100px;
width: 625px;


background: #C5D0E2;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
-transition: All 0.5s ease;
}

همه چیز درست پیش میره الا اینکه display:block بشه
حتی تست کردم رنگ متن مشکی میشه
چیکار کنم

hamed_hossani
پنج شنبه 11 آبان 1391, 01:25 صبح
سلام

می خوام بدونم که در css میشه کنترل یک label دیگری رو در دست داشت
شما می توانید با جی کوری toggle یا $('.label').css(); این کار را به راحتی انجام بدهید
api.jquery.com
داکیومنت افلاین جی کوری

hrs.1989
پنج شنبه 11 آبان 1391, 14:21 عصر
lhamed_hossani (http://barnamenevis.org/member.php?133368-hamed_hossani)
می دونی مشکل من کجاست این که این تگ داخل repeater هست و دسترسی نمیشه بهش داشت
وقتی تگ رو از داخل repeater میارم بیرون درست میشه حالا باید چه کنم ؟
runat="server" هم براش گذاشتم ولی جواب نداد.

hamed_hossani
پنج شنبه 11 آبان 1391, 14:56 عصر
شما به لیبل id بدین >>فکر کنم بشه تو جی کوری بهش دسترسی داشت!

hrs.1989
پنج شنبه 11 آبان 1391, 14:58 عصر
نه نمیشه امتحان کردم

hamed_hossani
پنج شنبه 11 آبان 1391, 15:17 عصر
کدت رو بگذار و بیشتر توضیح بده که می خوای چکار کنی!

hrs.1989
پنج شنبه 11 آبان 1391, 19:45 عصر
<%@ Page Title="" Language="C#‎‎" MasterPageFile="~/Master.master" CodeFile="shownewsIran.aspx.cs"
Inherits="news_shownewsIran" %>

<%@ Register Assembly="Anthem" Namespace="Anthem" TagPrefix="anthem" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">


</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#divProfile").mouseover(function () {
$("#profile").show(50);
});

$("#divProfile").mouseleave(function () {
$("#profile").hide(50);
});
});



</script>
<div style="vertical-align: middle; text-align: center">
<asp:Button ID="cmdLast" runat="server" CssClass="btnPostLast" BorderStyle="None"
OnClick="cmdLast_Click"></asp:Button>
<asp:Button ID="cmdNext" runat="server" OnClick="cmdNext_Click" CssClass="btnPostNext"
BorderStyle="None"></asp:Button>
<asp:Label ID="lblCurrentPage" runat="server"></asp:Label>
<asp:Button ID="cmdPrev" runat="server" CssClass="btnPostPrevious" OnClick="cmdPrev_Click">
</asp:Button>
<asp:Button ID="cmdFirst" runat="server" CssClass="btnPostFirst" OnClick="cmdFirst_Click">
</asp:Button>
</div>
<asp:Repeater ID="Repeater1" runat="server" DataMember="DefaultView">
<ItemTemplate>
<div class="ProfileLayout" style="background-color: #D8E0ED">
<table>
<tr>
<td colspan="2">
<div class="DivTagProfile">
<%# Eval("datetime")%></div>
</td>
</tr>
<tr>
<td>
<div style="font-weight: bold; font-size: large; padding-right: 15px; padding-top: 10px">
<%# Eval("subject") %>
</div>
<div style="padding-right: 40px">
<anthem:Label ID="TextBox1" runat="server" Text='<%# Eval("text") %>' Width="400"
Height="200"> </anthem:Label>
<br />
&nbsp;
</div>
</td>
</tr>
</table>
<div id="divProfile" class="styleProfilePost">
<div style="width: 80px; height: 100px; float: right; margin-top: 10px">
<anthem:Image ID="Image1" runat="server" Width="75px" Height="80px" BackColor="Black"
ImageUrl='<%# Eval("pic") %>' />
</div>
<div id="profile" style="text-align: left; width: 300px; margin-right: 220px; border: thin solid #993300;
float: right; margin-top: 20px; color: #000000;">
نام کاربری :<a href="../profile/profile.aspx">
<%# Eval("[user]")%></a><br />
تاریخ عضویت :<%# Eval("dateSingUp")%></div>
</div>
<br />
</div>
</ItemTemplate>
</asp:Repeater>

<br />
</asp:Content>


میدونی چیه الان درست شده ولی فقط برای اولی درست کار می کنه برای بقیه نه نمیشه از this استفاده کرد ولی this به divProfile بر میگرده من میخوام که profile هی hide و show بشه

hrs.1989
پنج شنبه 11 آبان 1391, 19:59 عصر
تو پست قبلی اون جای قرمز مربو به repeater هست اینم عکس سایت
http://blez.eu5.org/img/77c703536718.jpg
http://img4up.com/up2/69303128556465701641_thumb.jpg (http://blez.eu5.org/img/77c703536718.jpg)

hrs.1989
یک شنبه 14 آبان 1391, 09:42 صبح
کمک کنید با تشکر