I've got some text that I want to change what it says:(63%) on RRP (£80.00) The percentage value and RRP Price will change dependant on the product and its discount. All I want to change with jquery is the text:
%) on RRP(
to the following
% OFF! RRP
I've put it into jsfiddle below.
I am trying to use a user defined function and text area for a project, but nothing is showing up in the text area when i click the button.
View 5 Replies View RelatedI know it's something stupid I'm doing but I can't figure it out. Essentially I'm trying to load two objects with URLs with two websites that can be loaded(displayed) and unloaded(hidden) at the click of a button.
I've spent an hour trying to debug this and I'm at my whits end! I'm doing this with changing the width and height of the divs that contain the objects that will load the websites. But, in Firefox I get an error in the error console saying : loadUnload is not defined. why? code...
I have an external js file used by an html page but I want to use global variables defined in the html page in the js file. for example...
<html>
<head>
<SCRIPT type="text/javascript"
var test = "1";
</SCRIPT>
<SCRIPT type="text/javascript" src="jscript.js">
</SCRIPT>
</head>
So I have var test which is defined in my .html but my jscript.js also uses the variable. I am doing it this way because I have a lot of pages that are simular using the jscript.js functions but each page has different quantities and values of variables used.
Objective:
- when you select other the pull down menu is replaced by the text field.
Currently:
- Gotten it to the level of when you select the other the text field appears.
Question:
- HOw can I modify the code so when I select the other menu option from the pull down menu and it replaced by the text field?
<script type="text/javascript">
function togglefield(val) {
var o = document.getElementById('other');
(val == 'Other')? o.style.display = 'block' : o.style.display = 'none';
}
</script>
and the form:
<form action="" method="post">
<select name="sel" id="sel" onChange="togglefield(this.value);">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="Other">Other</option>
</select>
<input type="text" name="other" id="other" style="display: none;">
</form>
I try to place user variables in an html page with JQuery. It work with FF, but it do not work with IE7 (and it must work with it...)
[Code]...
get this error :Error: $ is not defined.this is my code
<script type="text/javascript" src="javascript.js"></script>
<script type="text/javascript" src="jquery.js" > </script>
function men(){[code]....
and in the html page i have one form and one button. the button issupposed to show the message from the form on click
I keep getting an error message in Firebug in relation to the accordion menu I created. "$ not defined $(function() {"
If the navigation is isolated on its own page, the error does not exist. It only occurs once it is brought into the Store Master page.
Working Version: [url]
Non-Working Version: [url]
The following code is cut from the head in the non-functional page:
You may view the entire code here: [url]
I DID NOT create the code on the aforementioned page. It's an ugly, nightmarish mess (at least to my non-ASP-loving eyes), so please don't hate me for bad form in the body code. The only code that I wrote for this page is the bit you see above and the hrefs for the side nav.
I was working on a site for A/B Testing and on the new page I was using to test with I installed "Nivo Slider". Everything looks and works great the only problem is when I change the region from US to Canada, that is when I begin to see errors like these: [url]
What you should be seeing is that each of those long columns are cut shorter to make everything look uniform but it seems when I uploaded the jQuery something is now off and causing things to go crazy.
Site A: [url] (how the Canada site should look as well)
Site B: [url] (testing site)
Site C:[url] (Canada site)
Again, I installed Nivo slider and do see an error related to it but dont think it is the problem necessarily. I dont know you guys would no better than me. I originally had a problem with it but did the no conflict thing and changed the $() to jQuery()
I'm trying to simply replace a certain string from the contents of an element, I tried this:
<div id="errorCont">Microsoft and Apple</div>
var ErrorContText=$("#errorCont").html();
ErrorContText=ErrorContText.replace("Apple","No one");
$("#errorCont").html(ErrorContText);
So the div SHOULD now say "Microsoft and No one", but it's not working.
I have a SharePoint page that is filled with the text string "12:00 AM" that I would like to remove, the underlying HTML is
<td class="ms-cal-workitem">
<table>
<tr>
<td class="ms-cal-monthitem">
[Code]....
This code works in IE, and Chrome without error, but in Firefox it fails. I get an error with firebug saying: rope is not defined $.get('data.php', {ropenum: rope.numb.value},rope is the form name I have lower down the page, and as mentioned it works correctly in everything but Firefox. Is there a different way to write this to make is cross browser friendly?
function get() {
$.get('data.php', {ropenum: rope.numb.value},
function (output) {
$('#table_results').html(output).fadeIn("slow");
});
}
My html: <div class="hi" newsAttribute="news"></div>
here i need to get custom attribute newsAtrribute via jquery..
I would like to get the height of a div. This div contains other markups tag like some paragraph. However, I don't manage to get the height of this div if some paragraphs inside of it have some margin defined, even when using outerHeight(true)...
ps : a test case (simpel html file wit the required javascript) can be found there : [URL]
I am writing a simple html in which when the user moves his mouse over a particular DIV, a message box will pop up.
Part of the code is as follows:
<DIV id="1">Hide them</DIV>
<p>Hiya</p>
<p>Such interesting text, eh?</p>
</td></tr></table>
[Code]....
I dont know how to pass a DIV's ID to a self-defined function in JQuery.
I would like to grab the onChange value of a select box which is inside a <td> and pass it to the next <td> and place it in a <span>
My php iterates multiple table rows with select boxes and a line total span.
I want it to work similar too..
But of course that wont work because the span is not inside the select.
Is there a way of grabbing an elements parent element then the next element in the order and its contents.
Heres my full page:
I'm having this problem with Chrome.
Uncaught ReferenceError: $ is not defined
Code:
The exception raises when I click the form submit and struts2 returns from the action.
Is it common to use CSS selectors that are not defined in a stylesheet (or anywhere else) to identify HTML elements? When using jQuery in ASP.Net with controls that implement INamingContainer, all it's children's ID's are automatically generated based on the id of the child control and the id of the container control (such as the Panel control) so we couldn't simply use $("#myChildControl") for a child control with the id of 'myChildControl'. The resulting client id would be something like 'mypanel_mychildcontrol' and for autogenerated controls within grids/tables, the id's get even more complicated and should be 'guessed'. So, how does/would people identify these types of controls when there are no preset CSS selector's for them?
On the server side, we can use the ClientID to get the generated ID, but for some things, I just want to do this totally on the client side without messing with code-behind.
I am trying to build a webapp for questionnaires where I can defined the questions in json, and have a single html page using jquery to build the UI. Since there will be a finite number of question types, e.g free text questions, multiple choice questions my code can choose how to render each type appropriately.
what is considered the best approach to build a UI like this?
I have seen the manipulation api with methods such as append() but I'm not sure if appending the html tags via strings (e.g. "<input id='answer'/>") is going to be the best way to achieve this, or whether there is a better way to define snippets of html for the different question types and copy them into the page as necessary?
I'm trying to output things to the Console to track errors but everytime I try:
console.log(values);
it says "Console is not Defined"
I have a basic html page
Code HTML4Strict:
<!DOCTYPE html>
<html lang="en">[code]....
I'm downloading jQuery and specifying it using the src attribute on the scropt tag from http://code.jquery.com/jquery-1.6.2.min.js and i'm getting that error.I've tried downloading jQuery and saving it locally and that works. However if i use the CDN it's giving me that error on firebug.
Itried the following code and it seemed like fadeIn() didn't work when the image has trasparency defined for it. i tested with IE8. Is this intended?
<html>
<head>
<style>
[code]....
This code works in IE, and Chrome without error, but in Firefox it fails. I get an error with firebug saying:
sellitem_form is not defined
$.post('student/collegelist.php', {statecode: sellitem_form.state.value },
where sellitem_form
[Code].....
How do i use a function like this?
$.clientCoords = function() {
var dimensions = {width: 0, height: 0};
if (document.documentElement) {
[code]....
I have 2 divs which I would like to show alternatively on page load or refresh - so on 6 refreshes you would get:div1div2div1div2div1div2I have some random divs working at the moment, but just wondered if it is possible to do in order?
View 5 Replies View RelatedI have created a function and successfully called it in place, but it wont load properly in a loop.Here is my function:
function setImageTile(id, imageType) {
$('#'+id+' img').attr('src', 'images/'+imageType+'.png');
$('#'+id+' img').attr('name', imageType);
[code]....