In jQuery how do I remove a certain part of an id...for example i have a div id='thisisadiv_1'I want to remove the 'thisisadiv_' part This is so I can add/subtract 1 to switch divs.
View 4 RepliesI'm using the default accordion example from the UI Demo page.I would like to remove the header part of the menu completely, where it says 'section'. Is there an option or something to do that??
View 1 Replies View RelatedThis time I have a trouble with remove(). Here is my code :
$.each(val.produitsIds,
function (j, val2) {
if($('#chk_' + i).prop("checked")){
//$('#' + val2).prepend("<div>liste des tailles</div>");
$('#' + val2).prepend("<div>" + $('#chk_' + i).attr("value") + "</div>");
}
[Code]...
I want to remove a specific box when i click on the remove button in that box. I have a lot of boxes on a page but when i click on the remove btn it removes all the boxes. I just want to remove the box where i click on the delete btn.
This is the js code:
$(".del").click(function() {
$('div.floating-box').remove();
});
[Code].....
I'm currently reading jQuery - Novice to Ninja (fantastic book), and trying to understand how I can add several words to the code snippet below. I currently remove, let's say Sweden as below, but what if I also want to remove Norway?And another question, what if I would like to keep only Sweden and remove the rest from a list of twenty countries? How would I do that?
Code JavaScript:
jQuery(document).ready(function() {
jQuery('#countries tbody').remove(':contains("Sweden")');
[code]....
I have a little problem and I hope that I need to get the path of the URL except for the first slash "/". Now if I use window.location.pathname I get an output like this: /about/about/9081ae1b02/
That is almost right but I need to get rid of the first slash (marked in red) so I get: about/about/9081ae1b02/
Based on screen size, I'd like to change one of the folder names of a url on the page. I know how to detect screen size with jQuery, but I'm not sure how to change only part of a url.
For example:
if screensize > 480px
[URL]
else
[URL]
I have a bit of html like this
<div id="J5">
<dt class="shade" id="profilefield_title_5">Member type</dt>
<dd id="profilefield_value_5">
[Code].....
This displays OK on my generated page anyway, but later when I want to use a switch statement on the member type it fails because of the spurious stuff I picked up in the variable
Given the following standard jQuery code to .get() a (valid) .xml file: $.get(file)
[Code]...
This is exactly what I need, it'll get me the complete XML document structure, including all nodes and texts. If I have this as a string I can then use $.parseXML() to convert this (back) into a XML document.
I want to get the 2° SPAN, the one that contains a table with the phrase "UploadMenu" on the id attribute How could I do it?
<span title="Open Menu">
bla1
</span>
[code]....
at the moment i work at a little "game" where the user of the website can drag arround divs. the function is
$
(
document
)
[Code].....
and this works fine. the div containers contain transparent png images like circles, triangles an poligons are draggable by the user. but the whole div is draggable. it would be great if its possible to only drag the div arround while klicking on the image (triangle,...)
Is there any plugin can let me save the part of page as pdf?
View 2 Replies View Relatedi have 2 pages one is the main and the other is the sub-main
main,html :
<A href="sub-main.html#post5>go and load just post 5</a>
sub-main.html :
<DIV class=posttop id="post4">
here you can write anything ;)
[Code]....
as shown up the code will first load everything in the sub-main.html page then after Finnish loading will reference to the specific post "post5" and selected of highlighted but if the numbers of the post lets say 20 posts inside the sub-main.html it's will take to load forever . what i want to is when i click the link in main.html to go to the post5 in the other page how can i load just the div element of the "post5" and the rest give the user the option to load it if he wish to see the whole posts
I'm usingjEditable to make an editble select to update my database. I have an lot of selects to create but I don't want to expand the code that much.This is my existing code to save changes to my database with an select with jEditable [code]What I want to achieve is to rename the class to editable_ select |select_ bet_ termijn and use this class at 2 positions in the jEditable code:
- editable_selec = name of class
- select_bet_termijn = name of data (= array)
How can I split the class name using the | seperator and insert the new varibales [0] / [1] in the code?
I have installed the jQuery cycle plugin onto my website and I am looking for some information on how to duplicate part of the plugin.I am looking to have this type of image slide but I am wanting two of the navigation bars in the same area.
h t t p://malsup.com/jquery/cycle/pager.html
Like the link above, I am wanting to have the numbers appear twice, either side of the image, just to make it more appealing.I have attached an image that shows how I am wanting it to look in more detail.i have tried editing the html to make this possible but up to now have had no luck.
I'm making a realtime css editor using jQuery and it works just perfect except for one thing...
When I use solid backgrounds it works fine like this:
But what if I want to change one color of an -webkit-gradient?
How do i do that?
I am trying to make a generic function called whenever the window size changes. I want this function to apply to several different images. The idea is that when the window is resized the function will only change the end of the source code by replacing "_small", "_medium", "_large" with the appropriate size depending on the window. The problem is that when I use the code below it makes ALL of the images the same. The variable imageRightIdStr genereates a list of ids of all of the images that I would like this function to affect. ex: #imageRight101,#imageRight201,#imageRight202,#imageRight203,#imageRight301 etc.
Here is the code that I have now. It mostly works except it makes all of my "imageRight_" images the same.
var contentwidth = $('#background').width();
if ((contentwidth) < '1175') {
var logo= $('#pageLogo');
var rightImage = $('.rightImage');
logo.attr('src',logo.attr('src').replace('_large','_small'));
logo.attr('src',logo.attr('src').replace('_medium','_small'));
$(imageRightIdStr).attr('src',$(imageRightIdStr).attr('src').replace('_large','_small'));
$(imageRightIdStr).attr('src',$(imageRightIdStr).attr('src').replace('_medium','_small'));
}else if ((contentwidth) < '1440' && (contentwidth) > '1175') {
var logo= $('#pageLogo');
var rightImage = $('.rightImage');
logo.attr('src',logo.attr('src').replace('_large','_medium'));
logo.attr('src',logo.attr('src').replace('_small','_medium'));
$(imageRightIdStr).attr('src',$(imageRightIdStr).attr('src').replace('_large','_medium'));
$(imageRightIdStr).attr('src',$(imageRightIdStr).attr('src').replace('_small','_medium'));
}
I'm working on an embedded device and I want to display only part of the original configuration page by building a jQuery page on top of it. Unfortunately, the code that generated the pages was not ajax friendly in the sense that the only way I have to identify the parts I want to show or hide is the class attribute. Up to now, I've been able to load the page with the simple code:
<div class='contentcontainer'>
<hr> <div id="content">
</div>
</div> <script type='text/javascript'>
[Code].....
But it doesn't work. Then I read on the [URL] that I would need to wrap it:
Chris Moore
9 months ago
If you want to load some content into a div and then manipulate it afterwards ((ie: loading something your use a template for a message window and then want to change the message contents) you *must* do it by wrapping it in the completed function handler..
Don't just throw it a few lines down, you'll get random chances that the selector will
how I should do this? Do I need to replace the test() function by a function that will do the post treatment? How then?
I try to load only a part of my data file (named Elements.html).
[Code]...
I would like to know if it is possible to hide a specific aera of a picture with jQuery and cover this zone by another color and text?
View 2 Replies View RelatedI tried finding a similar situation in the forums, but was unable to discover anything sepcific. I think I may be way off here, and or trying to do something bizarre, but what I am trying to do is change only part of the the url for all of the links on a page. So say I want to change:
href="/something/something/all"
to
href="/something/something/specific"
I think I need to use each() in combination with attr but I am not exactly sure how. This is what I have so far (with no luck):
$('a').each( {
$(this).attr('href').replace('all','specific');
});
I've successfully changed part of a single link based of it's enclosing div id, but if there is more than one link in the div, it replaces the entire href of all the other links in that div to be the same as the first one. So that's why I think I need to use each(). But again, I'm not sure how to do this properly in this case.
I have:
<div class="date">21-Mar-11</div>
I would like to select only the 21 and then only the "Mar" and replace the content of the div with "Mar 21," or something along those lines. The output is not the problem. I need selecting specific parts of the string. So I want to learn more about selecting specific parts of strings.
You can't select the 'text' part of an 'a' element with css, e.g. in the statement <a>some text </a> you can't use a css attribute selector a[text = "some text"]{} to style the 'a' element. You can select all named attributes such as HREF, TITLE, etc. Does jquery's .attrib map strictly to the css usage or is there some way I can match on that part of an 'a' element?
I need this because a menu list I'm working with doesn't by default require a TITLE element so I can't assume I can match on this attribute.
Is it possible with jQuery to show a part of the content again which is already hide?
<!DOCTYPE html>
<html>
<head>
<style>
[Code].....
When I click on #hidr, #div1 is hide() like it should, but when I click on #showr, #div2 doesn't show up, probably because it is hide in div1.
Is there a workarround?
im pretty new to jQuery, but familiar with JS in general. im trying to get a dom element by id to change the read only attribute. using jQuery i'm doing the following: var field = $('#name[index][index]').
but when alerting the field value, i get [object Object] and not an inputObject as i would expect.
i can use the normal getElementById and it works as I would expect. Is this a problem with jQuery?
I am using just three components of jquery - Datepicker, Slider and Autocomplete. To download jquery to client machine I use google CDN which downloads two js files which takes time to download and most of the data are not useful for me as I am using only 3 widgets of jquery. I want to download only the part of jquery relevent to my 3 widgets. How should I achieve this?
View 1 Replies View Related