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'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've got an idea for simplifying my code and avoid a bunch of switch functions but don't know how, though I assume it's possible.
How do I write a function to change/insert only part of an img src?
For a very specific project, I need to change the url of the post method for a form depending on the value of a select box.
Code:
$('#email').change(function(){
change the value of the email in the action of the form
}
HTML Code:
<form method="post" action="index.asp?email=user@email.com&password=password">
<select id="email" name="email">
[Code]...
i have a sliced page from photoshop. how i can change the main banner part at the top so that it gradualy changes over a period of time, i was thinking maybe a swap image thing, but not sure.
View 1 Replies View RelatedI have some code that is basically loading an XSL stylesheet into a div. How do I change the appendChild(resultDocument) part so that it doesn't append. I just want the contents of the div to be overwritten. I tried using innerHTML=resultDocument but that just results in a message that says "[object DocumentFragment]".
[Code]...
I am current building an information database for the company I work at...basically just a place for employees to get information and answers from. It is all hosted on a local server and I can only use javascript, html, and css. I've got everything made there is just one thing i want to add to it. Basically an "alerts and updates" page that only some people can edit without having to know html so if im not there they can post important updates. No computers have access to the internet so I did try some rich text editors but none of them worked. The layout I'm going for is kind of like this.
Alerts and Updates
Click on links to show updates: update 1 * update 2 * update 3 * update 4
Stuff goes in the update
[edit button]
You click edit it prompts you to login, bring up something to edit the text in that specific update you hit submit and it changes the info that was on there. The update links are linked to a script I wrote that just display the info below so when the page loads you see whats in update 1 then you click update and it changes the content to the next one.
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/
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.
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 Replies View RelatedI 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 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?