Is It Possible To Map A CSS Class Selector To A Tag Selector

Feb 14, 2011

More specifically, given a set of style sheets that define a class selector called "content_title", is there a way to apply that style to all <h1> tags without changing each one to <h1 class="content_title">, i.e. to effectively apply that class to all instances of a given element?

The context is that I'm trying to apply HTML and CSS from a graphic designer to existing web applications and some of the selectors don't match up very well.

I have an ASP.NET web forms application that uses master pages and a theme. I've been given an HTML sample/template that that includes several style sheets.

So I updated my master page to use the new design, and now it looks something like this:

<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="MyMaster.master.vb" Inherits="MyApp.MyMaster" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!-- these are the new style sheet from the graphic designer -->......

My goal is to use the designer's style without having to edit every content page that includes an <h1>.

I could copy the styles from the designer's CSS to the stylsheet in my app's Theme (substituting the class selector for the tag, of course), but then i wouldn't really be using the source CSS and I'd have to do this again the next time the external CSS changes.

I'm also not likely to get the external CSS changed to fit my app.

So is there something clever I can do to make <h1> == class="content_title" with respect to the application of styles, or will I have to bite the bullet and update each and every one of my content pages?

View 4 Replies


Similar Messages:

CSS ID Selector Not Working But Class Selector Does?

Feb 21, 2010

I am having a problem in that a style is not being applied when I used an "ID" selector (#btnOK). However, if I use a class selector (.btnOK, by changing the "#btnOK" to a ".btnOK" in the CSS file), the style is applied.

The style IS also applied in design mode, but not at run time. It's findingf the css file, else, the class wouldn't be applied. Case sensitivity match on the ID.

In the web page:

<link href="CSS/CvCost.css" rel="stylesheet" type="text/css" />
<asp:Button ID="btnOK" CssClass="btnOK" runat="server" Text="OK" ValidationGroup="Add"/>

In CSS/CvCost.css:

#btnOK{
margin-right:5px;
margin-top:5px;
float:right;
width:75px;
height: 25px;
}

View 2 Replies

Data Controls :: How To Find The Particular Label From Grid On JQuery Class Selector

Apr 30, 2014

How to find the particular label from grid on jQuery class selector? My jQuery code as

<script type="text/javascript">
$("#<%=dgv_buslayout.ClientID%> tr:has(td)").click(function (e) {
var selTD = $(e.target).closest("td");
var $target = $(e.target);
//alert($("label.hideIdLabel").text());
alert($(this).find("label.hideIdLabel").text());
});
</script> 

View 1 Replies

Selector For Dynamically Generated ID?

Jan 25, 2011

I have a series of div where the id is tagged with the conventional:

<div id="result<%=order.ID %>">

The handler that submits the form can find out what order.ID is via:

fromInput.split(",")[1]

So how do i get that element concatenated with the static part of the DIV id?

[code]....

View 1 Replies

JQuery :: How To Get Client Id In Selector

Aug 24, 2010

I am trying to get the clientid of button in my jquery selector like this

[Code]....

Here i have hard coded the button id looking at the rendered html source but I want it dynamic using buttonid.clientid.

how to do that?

View 4 Replies

JQuery Selector - Finding Img In Table

Mar 8, 2010

Cant seem to get the following to find the 'skull' button when the 'heart' button is clicked. Here is the JQuery.

$(".voteup").click(function() {
var id = $(this).attr("title");
var userID = $('[id$=HiddenFieldUserID]').val();
var ipAddress = $('[id$=HiddenFieldIPAddress]').val();
var skullButton = $(this).parent().siblings(".votedowntd").children("votedown");
registerUpVote("up", id, $(this), skullButton, userID, ipAddress);
});
And the HTML...
<table width="200px">
<td width="35px" class="votedowntd">
<img src='<%# (bool)Eval("skull") ? "images/skull.png" : "images/skull-bw.png" %>' alt="Vote Down" class="votedown" title='<%# Eval("entry.ID") %>' />
</td>
<td width="130px" style="text-align: center;">
Num Votes Goes Here
</td>
<td width="35px" class="voteuptd">
<img src='<%# (bool)Eval("heart") ? "images/heart.png" : "images/heart-bw.png" %>' alt="Vote Up" class="voteup" title='<%# Eval("entry.ID") %>' />
</td>
<tr>
</tr>
</table>

So basically what I need to do is when one img is clicked, I need to find the other one. Why is what I have not working? Is there a better way to do this?

View 1 Replies

Initialized From A Static .js File Using A Selector?

Mar 23, 2011

I'm using jQuery tabs, which are initialized from a static .js file using a selector:

$()
.ready(function () {
$('.jqTabsStandard').tabs();
});

I'm using ASP.NET (not that it makes a difference I think), but when I click a button in one of the tabs, is there a way I can re-select that tab when the page reloads. I was thinking of sticking the tab section in an UpdatePanel. I was hoping there's a way I could trigger the tab to reselect.

View 2 Replies

Can Write A Selector For Specific Column Of GridView

Apr 4, 2011

how can i write a selector for specific column of GridView ?

i want to do something on mouseover of a GridView Column. and i want to do it once.

Here is my gridview :

<asp:GridView AutoGenerateColumns="False" Width="100%" ID="grvUsers" runat="server">
<Columns>
<asp:TemplateField HeaderText="Delete">
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# eval("ID") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>

Html Output :

<table cellspacing="0" rules="all" border="1" id="grvUsers" style="width:100%;border-collapse:collapse;">
<tr>
<th scope="col">Delete</th>
</tr><tr>
<td>
<span id="grvUsers_Label1_0">23</span>
</td>
</tr>
</table>

GridView DataBound

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Dim dr As DataRow
Dim dt As New DataTable
dt.Columns.Add("id")
dr = dt.NewRow
dr(0) = "23"
dt.Rows.Add(dr)
grvUsers.DataSource = dt
grvUsers.DataBind()
End Sub

View 1 Replies

Asp - Visible Selector Not Working In Internet Explorer

Aug 3, 2010

I'm working on some basic form validation styles for an ASP.Net website. I need to select all span elements that are visible, and add a css style to another element. (Just to indicate which input fields are invalid.) The below code works like a charm in FF and Safari, but fails in IE. I've narrowed the problem down to the :visible selector. Here's the jQuery code. IMPORTANT NOTE: Production site is running jQuery 1.3.1 There were changes made to the :visible selector in 1.3.2 release notes

$('span.inputError:visible').each(function() {
$(this).parent().parent().prev('td').children('label').children('span').css('color','red');
});

Here's the rendered HTML it's intended for:

<table width="100%" cellspacing="0" cellpadding="3" border="0">
<tbody>
<tr>
<td valign="top" style="text-align: right;" class="address_labels">
<label><span>*</span> First Name: </label>
</td>
<td>
<span id="ctl00_CMain_txtFirstName_wrapper"><input type="text" style="width: 190px;" invalidstyle="inputError" class="radEnabledCss Input" name="ctl00_CMain_txtFirstName_text" id="ctl00_CMain_txtFirstName_text" size="20" value=" zdogg"><input type="text" value=" zdogg" style="border: 0pt none ; margin: -18px 0pt 0pt; padding: 0pt; overflow: hidden; visibility: hidden; width: 1px; height: 1px;" name="ctl00$CMain$txtFirstName" id="ctl00_CMain_txtFirstName"><input type="hidden" name="ctl00_CMain_txtFirstName_ClientState" id="ctl00_CMain_txtFirstName_ClientState" autocomplete="off"></span>
<div>
<span style="color: Red; display: none;" class="inputError" id="ctl00_CMain_valFirstName">First name is required</span>
</div>
</td>
</tr>
</tbody></table>

View 1 Replies

WebMatrix :: Workspace Selector - ToolTip On Mouse-over?

Aug 11, 2010

For the Workspace Selector at the bottom in the left pane (Sites,Files,DataBase,Reports) I was expecting to see some ToolTip upon mouse-over.

If I minimize the pane, it just shows icons, but if I mouse-over there is no way to know what each icon means.

View 2 Replies

Is There A Cross-browser Way To Use A JQuery Selector On An Expando Property

Sep 2, 2010

I have an ASP.NET page and I am trying to quickly match the validation controls that are tied to a particular textbox (text input) using a jQuery selector. The validation controls render as a span and the "controltovalidate" property renders as an expando property. Here is a test example:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>......

The problem: the ml_test() function shows 1 in Internet Explorer 7 (as expected), but shows 0 in Firefox 3.6.8. I tried adding additional controls, but in Firefox it consistently doesn't work.

I discovered this post that shows the use of an ampersand in the selector like this [@expando=value], but when I try this syntax, jQuery 1.4.2 throws an error.

Is there a cross-browser way to select expando attributes, and if so, what is the proper syntax?

View 2 Replies

Jquery - Adding An OpenID Selector Into A Content Page?

Mar 15, 2011

I would like to use the OpenID selector found here The problem is that i would like to use it in a content page, which is child of a master page.

So what modifications should i make?

I mean my master page contains the form already

<form id="form1" runat="server">
...
</form>

but so does the OpenID selector page

<form class="openid" method="post" action="/Login.xhtml?ReturnUrl=">
</form>

together with post and ReturnUrl... which is something that i need only in the login page... Right?

View 2 Replies

JQuery Xpath Selector To Select An Element Which Id Contains 'sometext'?

Jan 16, 2010

I have a listbox element in aspx page which id is attributesList.

I want to select this element to track its change event, but i cant directly select its id because asp.net changes its id on runtime.

its id, attributesList changes into ctl00_adminPlaceHolder_attributesList.

so what i want to do is to use a "contains" xpath expression to select the element.

View 1 Replies

JQuery .find(selector) Troubles When Selecting Ajax.net Element

Mar 1, 2011

I'm trying to find an ajax.net extender element with a dynamically generated ID. I'm trying to wire up an event handler to close all ajax.net modal popups when 'escape' is pressed. I'm confused why one of these works and one does not.

$find('ctl00_MainContent_ucUserControl1_mpePopup'); //returns the element
$find('[id="ctl00_MainContent_ucUserControl1_mpePopup"]'); //returns null

The ultimate goal is to be able to find the element without hard wiring the ID into the selector: $find('[id$="_mpePopup"]'); //return all elements that end with "_mpePopup"

View 2 Replies

AJAX :: Pointing A Jquery Selector Towards A Dropdownlist Inside An UpdatePanel?

Dec 25, 2010

I'm pointing a jquery selector towards a dropdownlist inside an UpdatePanel. It interacts just fine with the $("#<%= DropDownList1.ClientID %>").change("Do something");

but, when the Dropdownlist postsbacks (it needs to do it, and that's why it's inside the updatepanel) my script suddently stops to work.

View 3 Replies

Want To Make A Simple "date Selector" With 3 DDL's For Day / Month / Year?

May 29, 2010

I have never created a user control before. I want to make a simple "date selector" with 3 DDL's for day, month, year, and be able to re-use it numerous times on a page. I don't need to set any values of the control from the page itself, but I do need to read the DDL.selectedValues. I created the DDLs in the ascx file, but am not sure what properties to create. Does it make sense, or is it recommended, to create a public readonly property for each DDL _as_ a DDL? Or do I want to create a public property of type "string" and return the DDL.selectedValue as a string?

View 7 Replies

C# - How To Access A Private Data Members Of Base Class In The Derived Class

Aug 20, 2010

Since we can access the private data member of base class in the derived class with the help of friend function. How can we do the same in C# asp.net? I mean whats the alternative of friend function in C# asp.net

View 2 Replies

C# - Webservice Complex Types And Class Inheritance - Use The Properties Of The Base Class?

Mar 13, 2010

Using the following Webservice definition using aClientArgs as a complex type:

[System.Web.Script.Services.ScriptService]
public class Controller : System.Web.Services.WebService {
[WebMethod]
public void save_client(aClientArgs client)
{
// Save client data
}
}
Then defining aClientArgs as a sub-class:
public class aArgs
{
public string id = null;
public string name = null;
}
public class aClientArgs : aArgs
{
public string address = null;
public string website = null;
}
Returns the following WSDL fragment for the save_client args:
<save_client xmlns="http://tempuri.org/">
<client>
<address>string</address>
<website>string</website>
</client>
</save_client>
When I'm expecting the following:
<save_client xmlns="http://tempuri.org/">
<client>
<id>string</id>
<name>string</name>
<address>string</address>
<website>string</website>
</client>
</save_client>

So it appears that the .NET WebService is not treating inherited properties as arguments/variables for purposes of a web service. How do I get .NET to also use the properties of the base class?

View 1 Replies

Partial Declarations Of '[Class.Class]' Have Conflicting Accessibility Modifiers?

Aug 10, 2010

I first need to apologize in case this has been answered before but I'm a newbie (green as they come) and this error keeps popping up even before I start debugging! There are two errors and the second one is:" Error 2

Missing partial modifier on declaration of type 'WFPKenya2.WFPKenya2'; another partial declaration of this type exists"

View 6 Replies

How To Define Properties And Methods Of Class That Inherit Stream Class

May 15, 2010

here is the code, where i am confused what to write in all the properties and functions of the base class stream?

I want to inherit abstract class Stream, but confused about what to write?

[Code]....

I could'nt understand how to define these Properties,Sub and Functions. How i start?

View 20 Replies

Web Forms :: Way To Control Null When Inheriting From Class Library Class

Sep 16, 2010

I have this Control directive in a usercontrol (i've changed the namespace and class name):

<%@ Control Language="C#" AutoEventWireup="true" Inherits="Namespace.Path.To.ClassName" %>
<asp:TextBox runat="server" ID="txtComment" TextMode="MultiLine" ValidationGroup="comment" />
ClassName is a class that lives in a class library and this is the class:
namespace Namespace.Path.To
{
public class ClassName : System.Web.UI.UserControl
{
protected System.Web.UI.WebControls.TextBox txtComment;
protected void Page_Load(object sender, EventArgs e)
{
HttpContext.Current.Response.Write(txtComment == null);
HttpContext.Current.Response.End();
}

View 3 Replies

C# - List <Class> New Class Takes Up Memory - Can Set C=null; In The Code

Jul 23, 2010

List New Class takes up memory?Do I need C=null; in the code below?

//class Category
public List<Category> SelectAll()
{
List<Category> LV = new List<Category>();
string command = "SELECT * from categories";
SqlCommand sc = new SqlCommand(command, new SqlConnection(GlobalFunction.Function.GetConnectionString()));
sc.Connection.Open();
SqlDataReader dr = sc.ExecuteReader();
using(dr)
{
[code]...

View 5 Replies

Mvc - Can Set A Custom Class As The Default Base Class For Controllers In MVC3

Feb 15, 2011

I'd like to inherit all my controllers from a custom base class that I write myself. I can change the line every time I add a new controller, but it would be nicer if I could somewhere specify the default value that gets set there. That way I wouldn't need to worry about forgetting this, and other people who get added to the project later on would have an easier time.

View 3 Replies

Visual Studio :: Class Diagram And Show Reference Id Of Other Class?

Jul 12, 2010

am using class diagram of visual studio 2008as you can see the image i need show to user that the period and calendar classes have the idMarket property that refers to market classhow can i do this?

View 1 Replies

Web Forms :: Why Class Of User Control Is Unavailable In Another Class File

Nov 18, 2010

I have build a UserControl with separate code behind file.In that code behind file i have defined some public properties in the Partial class of user control that was automatically generated.Those properties will initialize some properties of controls that are used in the control.Now, in .aspx page i used this User Control and initialized the public properties through code behind of aspx page for dynamic contents.

View 6 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved