I have a web site which creates printed output which will be printed out on A4 with a standard template that I use. Fortunately each output will (should?) fit on one page so I don't need to worry about the content munging the template. Now so far the approach I have used is to spin through a loop writing the content into a new div which is shown as a preview and which I then print. So far so good.
Now I want to generalise the templates so I can change them more easily. So instead of $('#printableblock').html(somefunction());I want to load a template from a file. That file would look something like;
I have an XML document that is returned which has an element named html. Inside of that element is a block of HTML wrapped with CDATA tags. I can alert the html variable that i create and see it has all of the data inside of it. So I want to parse through and grab certain things now. I'm just trying to get the element to return it's id to me, even though I know it ... because I kept getting the following error with other code.[code]
I have an XML document that is returned which has an element named html. Inside of that element is a block of HTML wrapped with CDATA tags. I can alert the html variable that i create and see it has all of the data inside of it. So I want to parse through and grab certain things now. I'm just trying to get the element to return it's id to me, even though I know it ... because I kept getting the following error.
I still continue to get this error with the current code below:
I haven't used jquery for quite a while and I'm trying to simply alter out the text in a div with an ID of "test" but I'm running into trouble. Code: var mytest = $("#test"); alert(mytest); I'm sure it's because I've selected the div as a whole, but I've tried selecting the first child with no success.
I suppose I should first chain in a "p" selector, then select the first item, but I'm not quite sure how to do it. What I think is my closest attempt is as follows: Code: var mytest = $("#test").("p")[0]; alert(mytest);
$displaytext = "display this text"; $(".image").mouseenter(function(){ $(".test").text("$displaytext"); });
I would like to display the text in the variable $displaytext in my div.test when I mouse over the .image div. But instead, it just displays "$displaytext". Anyone know how I could make this work?
I'm trying to grab a specific part of a string of text and am wondering how to do it (or if it is possible to do it) with a jQuery selector.Is there any way to get that specific part of the link?
I am working on a script that seems impossible to work. I want to click on a link, and if the .text() is the same as a classname of a div, I want to do stuff with the div. The problem is that I can't imagine how to set up the if-state. Right now the script is like this:
$(document).ready(function(){ var filterTrig = $('#sortPort a').html(); $('#sortPort a').click(function() { $('.listItem').each(function(){ if (!filterTrig == $(this).hasClass(filterTrig).html()){ $('listItem').addClass('test'); //later on, animations }} return false; }); });
The script runs here: [URL]. I have turned off all other javascript to work only with this, if the site seems broken. The filterbox to the left will filter the div items listed to the right. All "boxes" in the list is a div with classname listItem + classes equal to the a.text() in the filters (leftbox). It is thoose divs I´m trying to animte with clicks.
I am working on a site that has an acronym in the content that require a registered trademark symbol. This content is added via a CMS. I am currently having problems with the special character sticking when entered via the CMS textfield (it turns into a ? if the CMS page is edited and resaved), which brings me to my question:I would like to just enter the basic acronym via the CMS, like so: ACRONYM and then use the JQuery .replaceWith feathure to add the registered trademark to the ACRONYM dynamically so it will return: ACRONYM ® in place of all instances of ACRONYM that exist within a container div that has a lot of other content like so.I tried the following example and it worked in my webpage, but when I tried to change the code to replace just a text string instead of the p tag it did not work. I did not see an example of this in the documentation. So is this possible with .replaceWith and how would I fashion the code to look for the ACRONYM only? or is there some other method that is better suited fro what I am trying to do? [code]
Writing a sortable list function. My <li> elements contain several items (headings, paragraphs etc) and I want to add a class to the headings when they've been sorted. I have this code in my sortable init:
I found that certain selectors work in all browsers except IE 8 and they need to modified. This selector pattern seem to work well in all browsers, including IE 8: jQuery("input[class='class_name'][type='text']") But this identical selector works in Firefox, Safari but not in IE 8: jQuery("input.class_name:text") In IE 8 it returns a "property not found" javascript runtime error. I don't know whether that the actual issue or if it is a side effect of some memory leak.
I'm trying to test if certain radio buttons are selected, but the name varies. My boss is considering changing the names to further isolate them breaking the script as it works now. I'm trying to figure out how to test the new case just like it works now. Here's a link to my pastebin
While trying to get a selector to work with ids that include square brackets, I searched the forum and found that I needed to escape the brackets with '\'. However, while this works with my fiddle: can't get the exact same selector to work within my page in either FF or Safari. I've triple-checked the id and it is correct; I know that jQuery is working on the page because changing the selector to$('.nameinput') gives the expected results. can't change the id because I'm working within an existing application; I know I could add a class to the input and use that as the selector instead. I'd prefer not to and would just like to figure out why this isn't working.
Is there a way to combine selectors with && condition. eg: $('.classname div[att=value]') Requirement is to select all div elements with class 'classname' and (&&)an attribute 'att' whose value is 'value'
What I'm trying to do is quite simple but as a beginner I'm getting incredibly frustrated with it. Here's my first attempt. I plan to do something a bit more fancy with the images, but I could see straight away that this wasn't the solution. Mouseover was changing the image before it had faded out and looked horrible. So, I thought I might put all the images in the same place and hide them, making them visible and bringing them to the front on mouseover of the corresponding hotspot.
My button when click call cal function, inside cal function I need to find parent so I can access other element, but I donot know how to pass parameter to Selectors/has(for some reason $("div :button").each(function()... no work here)
Code as below: function cal(event) { if (!event) event = window.event;
I'm trying to do is simple "select all" checkbox script. The problem is, no matter what I seem to do, only first element is matched. $("input:checkbox").attr("checked", true); checks the first box only. Same with: $("input:checkbox").each(... I even tried copying this script directly from the jQuery documentation page: $("div").css("border","9px solid red"); It applies a red border to the first div on my page.. the example in the documentation applies it to all divs.
Ok, this seems easy, but I am struggling. I have this...
$("a[href$='mp4']").click(function () { But I want it to work for mp4 or mov or more. Something like... $("a[href$='mp4'||href$='mov']").click(function () { <-- which doesn't work apparently
