How we call CSS class from our jquery file(.js)....

Question

0.00/5 (No votes)

See more:

How we can call class of .css file from our .js file
Before attechment

CSS

.dev
        {
            background-image: url(../Style/Images/valid.png);
            background-position: right center;
            background-repeat: no-repeat;
        }
        .ashish
        {
            background-image: url(../Style/Images/invalid.png);
            background-position: right center;
            background-repeat: no-repeat;
        }

JavaScript

$(function () {

    $('input[type=text]').each(function () {
        var txt = $(this);
        if (txt.val() != null && txt.val() != '') {
            $(this).removeClass('ashish');
            $(this).addClass('dev');
        }
        else {
            $(this).removeClass('dev');
            $(this).addClass('ashish');
        }
    })
    $('input[type=text]').focus(function () {
        var txt = $(this);
        if (txt.val() != null && txt.val() != '') {
            $(this).removeClass('ashish');
            $(this).addClass('dev');
        }
        else {
            $(this).removeClass('dev');
            $(this).addClass('ashish');
        }
    })
    $('input[type=text]').keyup(function () {
        var txt = $(this);
        if (txt.val() != null && txt.val() != '') {

            $(this).removeClass('ashish');
            $(this).addClass('dev');
        }
        else {
            $(this).removeClass('dev');
            $(this).addClass('ashish');
        }
    })


});

When i m coding this only on .aspx page then its working properly...but when i m creating .js & .css file for using this throught my project then my .js file cant load the .css class like(.dev and .ashish)

Posted 21-May-14 23:32pm

Dev Ashish Jangid

Updated 21-May-14 23:33pm

v2

Add a Solution

Comments

Kornfeld Eliyahu Peter 22-May-14 5:35am

How you link your js and css to the html file?

KaushalJB 22-May-14 5:38am

Did you link your css and js file ?

like
css : <link href="../sites/KTest/Test.css" rel="stylesheet" />
js : <script type="text/javascript" src="../js/jTest.js"></script>

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

oliver grace · Answer 1 · 2014-05-21T23:41:00

Add .js file and .css file reference in your aspx page.add under head part.

Example:

XML

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
//Drag and drop your js and css file.
<link rel="stylesheet" type="text/css" href="yourcssfilename.css" />
    <script type="text/javascript" src="yourjsfilename.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>

    </div>
    </form>
</body>
</html>

Dev Ashish Jangid · Answer 2 · 2014-05-21T23:57:00

Solution 2

Actually i have not change the image path according to .css and .js file location so after correcting it my code work properly.....thanks for u all 4 ur reply's

Posted 21-May-14 23:57pm