I've been asked to pack a very simple javascript function that resides
in the <headsection of a page. I have the function working the way I
want, but when I pack it using this packer:
I have a website running in .net, that has a load of these in the <head section of the default.aspx page, which bumps the page size up to 371kb. However, many of these are only used
in one 'skin', or page in the system. Is there any way I can put these scripts elsewhere, so they are only loaded when they are needed. Then every webpage will not have to be so enormous?
This is the sort of thing I am talking about:
<script type="text/javascript" src="<%= Page.ResolveUrl("js/swfobject.js") %>"></script> ....
I have a javascript where I check to see what the last 4 characters are of the URL I am on and if they are html I want to set a:
View 1 Replies View RelatedIs there a reason why this code won't execute properly? It's not printing out the contents that I have put in the head section.
View 1 Replies View RelatedHaving HEAD section like that:
<head>
<title>Foo</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link
title="linkObject"
rel="Alternate Appendix"
type="text/plain"
href="data.txt"
charset="iso-8859-1"
hreflang="en-US">
</head>
what would be the most realible way to get "linkObject" reference?
var roof = document.getElementsByTagName('HEAD')[0];
// ?
I have a webpage which allows the user to select the content they would like to display using ajax to do this. the problem i have is that one display option is a file tree which only works when loaded in the head section.
The following code is loaded in the head section:
Cannot figure out whether or not i can adjust the code to load only when the ajax call to the file tree is made.
Can we NOT place JQuery ready function in head section ? is it possible ? We put it into html body, and then use some function to scan ..
View 1 Replies View Related[URL] I'm using a single line in the HEAD section
Code JavaScript:
<script type="text/javascript">document.getElementById('customcss').href = "css/base.css";</script>
to load a CSS file should the browser not be JS capable. Only in IE 7 will this not render and I'm going bonkers trying to figure it out. After searching a bit I ensured no ID and NAMEs were similar and I don't think it's a hasLayout bug.
When you load part of pageB with ajax into pageA, what happen with the head section (title, meta, css link and script link...)
I mean, what is the best practice when you insert into the DOM a part of pageB with all the code (title, meta, etc...) that is associated with pageB. (initially i was inserting the whole pageB because of "gracefull degradation", but this inserts the whole pageB DOM into the pageA DOM).
How do I put this onclick function code...
into the head of my page so I can call it from several similarly situated links?
I came up with some code to load javascript files dynamically. But I've got problems..
When the script element is dynamically added to the head section of html, i think that the document.ready event fires once again and therefore the code sort of runs twice.
In the html page I call this method:
In the script test.js I have the function SayHi():
The SayHi method never gets called and alert('begin') & alert('getScript') get called twice in this sequence:begin begin getScript getScript.
Is it absolutely necessary to put the JavaScript code in the HEAD? I have a lot of JavaScript code in the BODY and they all appears to be working just fine. What is the downside of putting JavaScript code in the BODY? What can go wrong?
Sometimes you can not avoid putting JavaScript code in the BODY. Like for instance, when you provide your members with a HTML code for a poll and the code has JavaScript in it.
I am working on an image gallery that display thumbnails and display bigger image onclick. I now have an animated gif that display until the image is loaded.
I want the animated give to display for about 1.5sec before the bigger image display.
What should I do to my code to pause or have a delay before the big image are loaded?
My Code in head is as follow:
Code:
And in body:
Code:
I am trying to assess why the slider that I've linked to in the head tag of my source code will not load properly on my page. My site's link is : [url]
View 1 Replies View RelatedI have an Extjs web app that's running on a spring/rest backend & I'm having a really strange caching issue with my web app's javascript files & no-one seems to be able to tell what it is.The issue is that I have deleted a section of code in the JS file, yet it's still appearing in the browser, both IE and FF.
Manually remove & re-add the file
Rollback the file to a previous version
Remove the file from the index.html and re-add it
Clear all cache in FF & IE
Disable firebug
Check the script is updated by manually accessing the file via the application URL & Firebug Script tab
Renaming the JS file
Renaming the index.html file
I'm at a loss as to what could be causing it.
I know this can be done with media-queries in CSS3, After attaching the jQuery library, I used js to get the width of the window browser-viewport) and store that in a variable.
What I was aiming to do was write a <title></title> for the page and attach a stylesheet through <link /> using js only when the window's height was greater than 596px. So, I wrote the following:
Code HTML4Strict:
<!Doctype HTML>
<html lang="en">
<head>
<script type="text/javascript" src="../assets/js/jquery-1.5.1.min.js"></script>
[Code]....
I have javascript that sets global variables to true. Here is the code:
<script type="text/javascript">
var count=0;
var castforfood=false;
var sc2mx=false;
var ozrak=false;
var chavodelocho=false;
var jimrising=false;
var day9tv=false;
function justinlive(arg){
if(arg != null){
if(count==2){
ozrak=true;
}
else if(count==5){
day9tv=true;
}}
count++;
}
function livestatus(arg){
if (arg.channel.isLive == true){ .....
The calls to set_status and livestatus work just fine. The problem is calling "justinlive". It only works correctly the first time. The second time, the function does not execute at all. (I tried inserting an "alert ("Hello"); at the beginning of the function, so I know it only gets executed once.)
when my page loads it starts with a confrim box. If "Cancel" is selected then the rest of the page loads fine. If "Ok" is selected nothing after the confirm box loads.Also, it appears that IE and Firefox have trouble with this type of media and Chrome will only play the audio file for about 15 seconds.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>[code].....
I have a parent window where I open a child window.
In that child window I have some js that creates a row in the parent
window, it looks like:
if ( self.opener.document.update )
{
var actTable =
self.opener.document.getElementById("Action_Table");
myTR = self.opener.document.createElement("TR");
myTD = self.opener.document.createElement("TD");myA =
self.opener.document.createElement("A");myA.href =
"javascript:void(null);";myA.onclick = function (evt) {
alert('mike'); }myA.className = "greenlink";
myTEXT =
self.opener.document.createTextNode('click');myA.appendChild(myTEXT);
myTD.appendChild(myA);
myTR.appendChild(myTD);
var lastRow = actTable.rows[actTable.rows.length-1];
lastRow.parentNode.appendChild(myTR);
}
This js creates the row in the parent window ok, but I only get the
alert message when the child window is up. After I close the child
window I get no alert.
This is a post relate to this post:DOM inside variable with innerHTML?To reduce any ambiguity this new thread deals with the code below.The previous post was more about how DOM can be used in a variable.This one has to do with a similar problem, but more with functions.
<html>
<head>
<title>Test</title>
[code]....
am having a little bit of trouble with a callback function that seems to be executing immediately rather than waiting for the animation to finish.
[Code]...
I am using jquery.ajax() to make a POST call to web server which returns HTTP 201 response for successful creation of object at server. Since 201 is a success I expect the success function specified with jquery.ajax to execute but instead it executes the error function specified with jquery.ajax. Here is how I am using jquery.ajax call.
[Code]...
i've been reading up on access to the dom via js (i'm new to this dom
stuff)
i understand tutorials and info such as
http://developer.mozilla.org/en/doc...t.createElement
my problem: i'd like js to create the code for a stylesheet in the head
of the docuement!
i'm not sure how do do this (or if it can be done)
can i create the following...
<link rel="stylesheet" type="text/css"
href="mystyle.css" />
OR
<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>
using the dom or anything else in js alone?...or am i fighting a losing
battle.
(what i really want at the end of the day is to detect the browser and
use a css file according to that file, either with js or php)...
im tring to add this tag : <base target="_self" /> to the head it's not working (im working on explorer) i tried :
$(
'<base target="_self" />').appendTo($('HEAD')); and
$('HEAD').append('<base target="_self" />')
how can i do it?
[URL]
That didnt work The code is added to the oScript element but thats it. I have tried another script from here:
[URL]
I want to add a meta tag from the body tag and it worked using Jscript
This worked only on my local but not on hoster:
HtmlMeta GoogleVerify = new HtmlMeta();
GoogleVerify.Name = "verify-v1";
GoogleVerify.Content = "681rsArfYmoRz88BIT8ZVDeLk4b6VMEn1+StcF61iwY=";
HtmlHead head = (HtmlHead)Page.Header;
head.Controls.Add(GoogleVerify);
And on the hoster theres a scripting error as well why innerHTML doest work?
Is there a way to load up an external JS file outside of the head tag? I've got an "AJAX" web app that's loading several pages simply by changing the innerHTML property of a single div. The JS source is getting to be rather large, so I'd like to split it up into manageable, organized portions. Is there some way to, using javascript or PHP, load another javascript into the browser dynamically?
View 9 Replies View Related