Home/ Questions/Q 3671934
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T02:32:52+00:00

I have a script that works fine, but I need to add a second

  • 0

I have a script that works fine, but I need to add a second tag that changes background position at a different value. I need to add $(‘#box_inputR’).css(‘background-position’,’0 -39px’); in addition to the existing script.

So now two tags change as a result of the if statement instead of one. How would you do this? Is there an AND?

<script type="text/javascript">
$(function () {
$('#fastContact').formValidator({
scope : '#cform',
errorDiv : '#errorDiv2',
onError : function() {

if ($('#box_inputA input').hasClass('error-input')) {
$('#box_inputA , #box_inputR').css('background-position','0 -39px');
} else {
$('#box_inputA , #box_inputR').css('background-position','0 0');
}

if ($('#box_inputB input').hasClass('error-input')) {
$('#box_inputB , #box_inputR').css('background-position','0 -39px');
} else {
$('#box_inputB , #box_inputR').css('background-position','0 0');
}

if ($('#box_inputM textarea').hasClass('error-input')) {
$('#box_inputM').css('background-position','0 -84px');
$('#box_inputR').css('background-position','0 -39px');

} else {
$('#box_inputM').css('background-position','0 0');
$('#box_inputR').css('background-position','0 0');
}
}
});
});
</script>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this. My syntax may be off. I don’t really know Javascript at all.

    <script type="text/javascript">
$(function () {
$('#fastContact').formValidator({
scope : '#cform',
errorDiv : '#errorDiv2',
onError : function() {
var error = false;
if ($('#box_inputA input').hasClass('error-input')) {
$('#box_inputA').css('background-position','0 -39px');
error = true;
} else {
$('#box_inputA').css('background-position','0 0');
}

if ($('#box_inputB input').hasClass('error-input')) {
$('#box_inputB').css('background-position','0 -39px');
error = true;
} else {
$('#box_inputB').css('background-position','0 0');
}

if ($('#box_inputM textarea').hasClass('error-input')) {
$('#box_inputM').css('background-position','0 -84px');
error = true;
} else {
$('#box_inputM').css('background-position','0 0');
}

if(error == true) {
   $('#box_inputR').css('background-position','0 -39px');
}
else {
   $('#box_inputR').css('background-position','0 0');
}
}
});
});
</script>
    • 0