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.
View 1 RepliesCan anyone give me the 101 on optimizing javascript? Basically I've used a lot of javascript and DHTML and wanted to smooth my page out a little more.
I was testing my site, and the smooth sliding motion (THANKS MIKE FOSTER) that I thought was so so smooth was acting rather choppy. Turns out I had a couple other javascript heavy pages opened in another window and then *lightbulb* optimize your .js
So I know some basics about HTML and CSS opptimization, eg Tables=slow, CSS is there for a reason, limit style tags and js in HTML, elim white space etc. but i also read don't fiddle with javascript unless you know what you are doing. Well I don't, so here are a few:
How do browsers cache external js files?
several big external js files or many individual js files?
What about eliminating white space in .js will this cause problems?
Tips on preloading? (i'm doing a site on graphics so I'd rather put up a preloadpage hints?)
any articles or resources? best way to optimize/preload images?
i have situation that i need to remove table that is automaticly generated, but i also need to not remove contents of table.
<UL>
<table class="mytable" width="100">
<body>
[code]....
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.
How can I stop this?
Just wondering there is any other way to remove the toolbar from the browser
than using
" ...toolbar=no ..."
in the
window.open(...)
is there a way to do it after the browser opened? (say some Java script)
are there any parameters or style like stuff that can be embedded in the
HTML code and does it when the new page created?
or is the above method the ONLY way?
I am weak when it comes to regexp but hoped someone might know in this case.
I am trying to take a url like this :
something.lasso?blah=blah&blah2=blah2&sort=hello&blah3=blah3
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 , '');
return (current + "&" + item.name + "=" + item.value);
This function would be fired like this :
All <input type="radio" name="show" value="all"
onclick="document.location=refresh(this);">
Mine <input type="radio" name="show" value="mine"
onclick="document.location=refresh(this);">
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(/[]]/,"\]");
[Code]....
I am using php.js from phpjs.org
You can see a live sample by visiting [URL]
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
<table cellSpacing="1" width="100%" border="0" class="tback" cellPadding="2">
<tr>
<td width="100" class="headcell">Author</td>
<td class="headcell">Topic</td>
</tr>[CODE]...
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.
I am retrieving a memo field from a db and using SS VB writing it to a JS function like so:
document.form.textarea.value = "<%=rs("Story")%>";
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?
How do I remove the resulting comma from the output in this sort snippet?
<script type="text/javascript">
var arr = new Array()
arr[1] = "C"
arr[2] = "B"
arr[3] = "A"
document.write(arr.sort())
</script>
Gives me: A, B, C
Needed: A B C
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?
at the moment my code: new Date();
this displays:
Thur Nov 24 201115:28:53 GMT+0000 (GMT)
I only want it to say:
Thur Nov 24 201115:28:53
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:
Does anyone have or know of script that will stop yahoo adding their adverts to end of post to groups?
View 3 Replies View RelatedI 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've seen several older posts saying there is no way to hide menu bars
in IE unless you call window.open().
Is this still the case?
I'm interfacing with a app that I don't have control over. The idea is
that users log into my app do whatever and I then populate form tags
with user id and password and submit the form to the other app. This
logs the user in but the called app is used for reporting and the
status bar, menu bar and tool bar take up a lot of vertical space.
I just have one index.html page with NO links NO pics. Just a simple
html page.
Whenever I open that page I want to eliminate few things like:
I don't want scroll bar -> I have a solution <body scroll="no">
I don't want status bar -> ? need solution ?
I don't want toolbar bar -> ? need solution ?
I don't want menu bar -> ? need solution ?
I JUST want the title bar, address bar and the IE window.
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>
</body>
</html>
I am having trouble with the following code:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Test</title>
</head>
<body>
<input value='test' type='text' readonly='readonly'
onfocus='this.readOnly = false;'
onblur='this.readOnly = true;'></input>
</body>
</html>
In FF, this works as I would expect. When clicking on the input, the readOnly
property is set to false and the focus is given to the element, with the
cursor placed after the last character.
In IE, the readOnly property is set to false, but the element isn't actually
given focus. Instead, I have to click on the input a second time in order to
actually input text with the keyboard.
Is there a way to make this work the same in IE as it does in FF? I have
tried things like calling this.focus() and this.click() after setting
readOnly to false, but they have no effect.
In a web based form I am able to make sure that there is text in an input field but I want to restrict the user from using such characters as ~ # & '
How can I modify this JavaScript below to enable this ?
if (document.form1.ProjectTitle.value == ""){
alert("Please complete the Project Title: field")
document.form1.ProjectTitle.focus()
validFlag = false
return validFlag
}
When entering the project title into another system it issues an error when those characters are input - hence the need to delete them from the request.
I want to be able to add row at the end of the table with a 'remove' link which will remove specific row. The code I've managed to write so far:
$(document).ready(function() {
$("#add_item").click(function () {
var html = "<tr id='item_" + item_id + "' class='item'><td><a
[code]....
The problem is it wont instert the row at the proper place (after the last .item (class) and the remove link wont work for the last row in the table/list.
I'm gonna remove a <td> tag that only contains some empty <span> tags with their specific id values like the code below:
<td
class
="leftColumn"
>
[Code].....
The script I used is from:[url] I can't figure out what the instruction on his page mean.
On the page that I created:[url]
I have finally figured out how to move the description to the left side instead of on top of the image. Now I just need to turn the animation off that moves the description up and out of its box and I can't figure out how or know where to look. Here is the jquery script that I made minor changes to: [url]
I'm working on a webpage where I used this code to display random images. I used it for three images in a row and I keep getting white spacing in between them when they should be right up against each other. This is the code I'm using:
<script language="JavaScript">
<!--
/*
[code]....
So I've got an array called questions_raw
questions raw = [
["<Q1> Question",
"choice1","choice2", "choice3"],
["<Q2> Question",
[Code]....
And I want to list all of the questions, but not the choices/answers. So far, I've managed to list just the questions, but because another function randomly sorts them, I need to sort them back into numerical order for a separate function (displaying the questions)
I use characters (>,^) at the front to separate them into different answer types (just to explain the code)
I try this to cut each string down so that they can be sorted numerically/alphebetically -
function linearlist()
{
var list = [];
var tempStr = "";
[Code]....
But it doesn't like it - because "it has no method charAt"
Is it just that you have to put the [l] in every time you call a variable?