I'm working on a Wordpress site and am using a photo gallery plugin. However, this plugin, for some reason, generates an empty table row and it's messing with my layout because I'm inserting a background image for each of the "TDs". I don't want to mess w/ the core files since the changes will be gone after the next upgrade. check out these two image links to see exactly what I mean.
[URL]
I know there are ways to dynamically remove elements using DOM. Would I be able to use that method here?
-edit- This gallery is paginated and I just noticed that on the last page, the last row actually contains two pictures and a " ". So, a better question would be: Is there a way to target just the td elements that have in them so I can add a display:none via css?
I wrote a simple script to remove an element of an array but I don't think this is the best way to go about it. I have a list of about five elements seperated by ";"
I split the array using array.split(";") command and proceeded to update the elemment by assigning the null value to the arrayindex
array[index]=""
This of course assigns null to the element
But there are two problems
1. The array size is still five instead of 4 and my list is now seperated by "," with an exta "," to go.
I'm trying to remove an html element in the example below. I don't see the "bye" message at the end and there are no errors reported in Firefox or exceptions caught if I wrap the remove child line in a try-catch. Any ideas what is wrong?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>garbage</title> </head> <body>
<div id="my_div">hi<div>
<script type='text/javascript'> var my_div = document.getElementById("my_div"); my_div.parentNode.removeChild(my_div); document.write("bye"); </script>
I'm using the following code that adds to <a> tags to each <td> inside a table. $(document).ready(function() { $('.calendar td:not(.notinmonth.)').each(function() { $(this).append('<a href="#" class="available am">AM: Available</a>').append('<a href="#" class="available pm">PM: Available</a>'); }); $('.calendar td:not(.notinmonth.)').each(function() { $(this).has('.event').remove('.am'); }); });
The second half of the code looks to see if any of the cells contain an element with class 'event'. If one exists, then the '.am' anchor should be removed. However this does not appear to be happening. After carrying out a few tests with the 'alert' function, it looks as though the script thinks that every cell contains a '.event' element, but I have no idea why! Not only that, it doesn't remove the '.am' link from any of them.
Here is the markup for the table (the cell with 'Day 9' in it is the only one that should match having an '.event' element: <table class="calendar"><thead> <tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th> <th class="weekend">Sat</th><th class="weekend">Sun</th></tr> </thead><tbody> <tr><td class="notinmonth"></td><td class="notinmonth"> .....
I have table that has four columns and many many rows. It is quite long. I need to add a special divider (border) between each td cell. I thought I could create a css style .border_right and apply it to all td cells using jquery addClass() and then remove the class from the fourth td cell in each row so it does not add to or affect the outside border of the table.
My question is, how do I remove the class from the fourth td of each row using jQuery? I figure there has to be a shortcut way (one or two lines) to do this using jQuery so I don't have to manually add a 'class="border-right"' to each td I need it on.
I have a contact / upload form, but my validation file size is too big as much of the elements are not in use, i am not to smart in jquery / scripts so please tell how to remove unnecessaryelement in this javascript, like date validation, check element, drop down, elements....
I am trying to code a quicklist for my site I am have a little trouble I can add a element in a array but when removing it is not working I have posted the code below
Code: <script type="text/javascript"> var propList; var curPos; var curSize;
I have a JavaScript file which Adds and Removes elements when you click a button.
Adding stuff is okay, but removing elements is more complicated.
When you add an element you also add id=x. Each time you add an element x goes up one. For example if I click "add element" 5 times it would be like this:
HTML Code:
If I wanted to remove the thrid element then I would want the following divs to replace it, for example it should look like this:
HTML Code:
I can't figure out how to do this, here is what I tried but it won't work
if i use jquery to attach a click or keyup handler to an element, and then later remove that element form the DOM, do i need to clean up/remove the handler first?
how would I go about removing one of the inner objects - s1 or s2? I've tried all sorts of ways but can't seem to get anything to remove an item from a jQuery object.
i have a menu generated by a list with nested lists. i want the parent link to stay highlighted when the mouse hovers over the sub menus. because those sub menus are also generated by jquery (qtip), CSS alone won't do it (triedul.topnav li:hover a {background-color: #F00;}).is there a way to do this using jquery?
I have an HTML file that has a call to a Javascript function in it as follows:
<!-- bunch of stuff --> <script type="text/javascript">doXMLFromString()</script> <!-- bunch of stuff -->
Now I make a copy of this HTML file by creating a new window and writing
var body = document.body.innerHTML; printWin.document.write (body);
But this copies the script tag above as well, and then tries to call that JS function (doXMLFromString). I don't want it to do that.
In other words I dont want that javascript statement to be executed. I tried removing it from the document (using removechild) however it would still get called.
And remove the &sort=XXX without hurting the rest of the url. The parameter to be replaced would be a parameter passed to a function. Here is what I have so far:
function refresh(item) { current = document.location.href; if(current.match(item.name+'=')) //pseudo code here //current.replace(item.name regexp , '');
I've been given a large number of HTML pages. Each page has one or more tags. When the pages were being built I asked that an ID attribute be included with each element that will later be referenced. The first ID'ed element on the page has the ID 'item0', the next 'item1' and so on.
Unfortunately they also included a NAME element which in many cases is similar to the ID but out by one. That is the first element on the page has the NAME 'item1', the next 'item2' and so on.
This stuffs up some things that depend on the ID (IE seems to make use of the NAME instead of the ID when I ask getElementByID). Is there an "easy" way to remove all the NAME attributes, or at least make them invisible to IE, on page load?
I'm having an issue in Internet Explorer to where the javascript i'm using isn't working now. In firefox it works great!
Code:
<script src="::URL::/jscript/php.js" type="text/javascript"></script> <script language="Javascript"> function gup( name ) { name = name.replace(/[[]/,"\[").replace(/[]]/,"\]");
My goal with a script I am writing is to remove signatures from a forum I am a part of. Some of the people abuse it with half a page of stuff and it's out of control. So here is what the HTML source code for it looks like
The very bottom where it has the 'span' tag and it says "SEC Champions" is where the Signatures are located. I want to completely remove that using my script and this is what I have right now
function sigRemove() { var sigs = document.getElementsByTagName('span'); for (var i = 0; i < sigs.length; i++) { sigs[i].style.display = 'none';}}
I know it's incomplete but I only want to remove that bottom span tag and everything inside of it and not every span tag on the page.
The problem I have is if the value of the recordset contains a CR, the function errs. How can I replace the CR with a /n or something similar that fixes this problem?
I have finally figured out how to make a call to an XML file using AJAX and then bringing it into the browser to manipulate with JavaScript. The only problem I'm having now is that I can't figure out how to remove the whitespaces between nodes so they won't show up as a childNode.
There doesn't seem to be any mechanism to "clear" a node of all it's children (not that its necessary very often, but I have come across situations where I'd like to clear a node of all it's children before appending other nodes). I've come up with two possibilities: Code:
