I'm having trouble accessing a custom property that I've created for an object. Does anyone see the problem with this code? this.imageSrcs is undefined inside of getImages.
Quote:
Gallery.prototype.imageSrcs = new Array();
Gallery.prototype.getImages = function(json) {
if (json) {
[code]...
To remove the results if someone clicks anywhere on the page outside the results list i've used currentTarget on a transparent fullscreen div at the top of the page to clear the results.
It works perfectly in ff, ie9, chrome, safari & opera. But when trying it in ie 7 and ie 8 it shows the results but won't remove them. The console is returning this:
SCRIPT5007: Unable to get value of the property 'id': object is null or undefined
Any ideas what this could be. I've search for bugs online but it didn't bring anything I could work out.
i have a script, that adds a custom DOM property to <li> elements (.qqFileId=2 f.i.). Is it possible to select the list item with jQuery by the value of this property? $(...)
View 5 Replies View RelatedI want to store some custom property in HTML element directly, like this:
[Code]...
my browser is not able to access the javascript of css file from the location. Its saying What might be the reasons
<p>
The requested URL was not found on this server.
If you entered the URL manually please check your
spelling and try again.
</p>
I dont understand y.
1> The files are correct and in the location . The alphabets are also of correct case, since its a linux system.
2> I tried to reload the page using shift + contrl + R
3> tried to clear the cache from the browser.
Only doubt i have is that , the path is a relative path. samething like -script=>{-language=>'JAVASCRIPT',-src=>'../pickdate.js'}
I'm currently working on an AJAX chat room (jpfchat), which is basically phpfreechat integrated with Joomla. The right column of the room shows current users in the room and refreshes dynamically via AJAX so when new users come in, everyone's session shows the new visitor. I want to be able to customize the script so it pulls custom user info from the Joomla DB. I'm attempting to do this using AJAX.
I located the part of the script that generates the list of usernames. Basically it's a 'for' loop that spits out html using javascript and the JSON response. I've appended a line to this section to execute my custom script. The problem I'm having is that while everything works great on IE, it only works on Safari if I DON'T use asynchronous and it DOESN'T work on EITHER Safari or Firefox if I DO use asynchronous.
[Code]...
I need to acsess an object property via variables, but don't get ahead.
Example:
var property = height;
"height" is a property of the object "flower". Now, I need a possibility to access "flower.height" with my variable property, means -->"flower.property" I tried everything like "flower.[property]" "flower.['property']" etc. but nothing did help.
I've been having this issue with Javascript that is just not getting resolved for a while. What I am basically doing is building a simple web browser extension that injects javascript on certain pages. I am using Firefox, Chrome and Safari. The issue I am having is accessing these so called "special properties" on a particular page. They look like the regular classNames, id, textContent and such but don't appear to be standard. It would be very helpful if I can access them.
A particular example would be in Yahoo Mail. When you are in your inbox you have list of messages. With each message row there are associated attributes. You can get to them with your web inspector or if you search for the div element with id "PagedTableView_wrapper", then follow the first child and then second child and you get a list of these messages being rendered. Each one of those rows has the regular className properties and such but also has "_checked", "_focused", "_selected" that look like custom Yahoo ones. I basically want to read those.
The issue is I can't. I always end up getting a null exception, as if it doesn't exist. I can read the className and the other standard ones fine, but not the special ones. (I've verified its the same element as well). I have tried the DOM navigation route with indexing, jQuery and XPATH, all with the same result. The weird part is that I can see them with the webInspector! Whats even more strange is that if I run firebug or commands in the Console, it actually works! But it doesn't work for my injected code/extension! Baffled.
I have a very simple setup with an IFrame code...
The first alert works just like it should, but the second doesn't appear (and all further execution stops). There is no single property or element of the contentDocument i can reach. Can anyone help me to figure out the problem?
in the body tag, I have this code (just to test):
<script LANGUAGE="javascript">
<!--
function hiThere() {
alert("hi");
return true;
}
//-->
</script>
in the head section, I have this code:
<script LANGUAGE="javascript">
<!--
document.body.onload=hiThere();
//-->
</script>
By the way, I know someone will comment, by "does not work, I mean on
the load of the page, the alert is not displayed, nor are any errors.
Thanks for any help you can offer.
I'm pulling data from a database using a RESTlet server, and using Flot to produce a graph.
My problem is that whenever I make the following AJAX call, I get an "Access to restricted URI denied" error on Firefox. On Internet Explorer I have other problems, but I can tell by my server logs that at least the AJAX call happens, which is more than I can say for Firefox. code...
The url is correct, and the server is hosted on this machine, but Firefox thinks it's trying access another domain. The html file containing this code is located on my hard drive.
How can I get Firefox to allow this AJAX call?
This error ONLY occurs in IE. "Unexpected call to method or property access."
I pinpointed it to this line:
o.appendChild(e);
The full function is:
function aO(d, t, src, p, id ){
alert('aO has begun.');
var o, e, i;
if (!ie){ o = cE('object');o.data = src; }
else { o = cE('embed');o.src = src; } .....
I have WordPress installed in a directory of my website, and I'm using an iframe on the homepage to embed the blog. I'm using a javascript code that I found online to automatically resize the iframe based on the content inside of it. This is the code:
<script type="text/javascript">
function resizeIframe()
{[code]...
This works perfectly in Google Chrome. However, in Firefox I get this error in the console:
Error: Permission denied to access property 'document'
Source File: http://mysite.com/index1.html
Line: 24
I don't have any experience with javascript, but this makes no sense to me, because it should work since the iframe document is on the same domain and server as the parent page. The parent is[url]...." and the iframe document is [url].....Why is Firefox complaining about this? It shouldn't violate the "same origin policy" that I have read about.
I would like to be able to access the raw CSS code that has been loaded for the specific page. I'm not looking to change the code (I know how to use jQuery for CSS manipulation etc...) I just want to parse through it and extract some useful information.I considered just loading the stylesheet references in the page, then placing a request to the server for the .css file, but this feels messy even if the browser happens to have the page cached from having just requested it.Has anyone got a clue as to how one would go about this? As always, I think its best if it uses jQuery XD, however, I just really want to get this done
View 2 Replies View RelatedI'm very new to jQuery and registered a new account on the website yesterday. I can log in using my account details OK, but when I try to use the Plugins section of the site I get :- Access denied You are not authorized to access this page.
If I try to search for a pluging, I get
Validation error, please try again. If this error persists, please contact the site administrator.
I can't find a FAQ section in the forums, or any link on the site to contact the website admins, so I'm hoping someone here may be able to help, or at least point me in the direction of someone who can.
I have created a function.
function unHide (fieldname)
{
.... not important...
document.form1.fieldname.style.visibility = 'visible'
}
I have a field name called country in a form.
When the onclick="unHide('country')" is used then the above function
does not work
but if i change the following line within the function
document.form1.country.style.visibility = 'visible' then it works.
What am i doing wrong.
I am looking for a custom pop up box, but there is only 3 kinds (Alert, Confirm, Prompt). Neither of those will work.
View 13 Replies View RelatedI've tested it in most recent versions of IE, FF, Opera, and Safari.
The first parameter is the alert's text, if a second parameter is passed, it is the alert's title, else it will just have "Alert" in the title.
You can fire the function as many times as you like, any alert's thrown after the first will set themselves on top of each other slightly staggered much like the built in alert.
The alert will automatically be placed in a visible place regardless of where the page has scrolled. They will also stay in that same place in relation to the screen if the user scrolls after the alert has fired.
The top most alert is the only one clickable and moveable until it has been acknowledged (Much like a regular alert).
The benefit of this is that it does not freeze the user's interface once the alert is thrown.
Here's the code:
Javascript:
//*****************************
// Custom Alert Box
// Free to use with credits in tact.
// Written By Adam Matthews aka Basscyst
//AdamDMatthews@Gmail.com
//*****************************
function msgBox(msg,hdr){
if(!document.getElementById('alerts')){
var div=document.createElement('div');
div.setAttribute('id','alerts');
document.body.appendChild(div);
}
var div=document.createElement('div');
div.className="alertbox";
var h3=document.createElement('h3');
h3.className="alerttitle";
var p=document.createElement('p');
p.className="alerttxt";
var footdiv=document.createElement('p');
footdiv.className="alertfoot";
div.appendChild(h3);
div.appendChild(p);
div.appendChild(footdiv);
var but=document.createElement('input');
but.setAttribute('type','button');
but.className='alertbut'
but.setAttribute('value','OK');
footdiv.appendChild(but);
var hdr=(hdr) ? hdr : "Alert!";
h3.appendChild(document.createTextNode(hdr));
var cut=msg.split("
");
var len=cut.length;
p.appendChild(document.createTextNode(cut[0]));
for(var i=1;i<len;i++){
p.appendChild(document.createElement('br'));
p.appendChild(document.createTextNode(cut[i]));
}
document.getElementById('alerts').appendChild(div);
window.onscroll=function(){
placeAlerts();
}
window.onresize=function(){
placeAlerts();
}
placeAlerts();
}
var posX;
var posY;
function mouseXY(e){
if (!e){
var e = window.event;
}
if (e.clientX)
{
posX = e.clientX + document.documentElement.scrollLeft;
posY = e.clientY + document.documentElement.scrollTop;
}
else
{
posX = Math.max(e.pageX,0);
posY = Math.max(e.pageY,0);
}
var coord=new Array();
return coord;
}
if(document.captureEvents){
document.captureEvents(Event.MOUSEMOVE)
}
function placeAlerts(){
var alerts=document.getElementById('alerts').getElementsByTagName('div');
var len=alerts.length;
var x=0;
var y=300;
var w=document.body.clientWidth;
var h=document.body.clientHeight;
for(var i=0;i<len;i++){
alerts[i].style.zIndex=i+100;
alerts[i].getElementsByTagName('h3')[0].onmousedown="";
alerts[i].getElementsByTagName('input')[0].onclick="";
if(window.pageYOffset){
alerts[i].style.top=y+(window.pageYOffset)+'px'
}else{
alerts[i].style.top=y+(document.documentElement.scrollTop)+'px'
}
alerts[i].style.left=(w / 2)- (343 / 2) + x +'px';
x=x+15;
y=y+15;
if(i==len-1){
var h3=alerts[i].getElementsByTagName('h3')[0];
var but=alerts[i].getElementsByTagName('input')[0];
but.onclick=function(){
this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
var alerts=document.getElementById('alerts').getElementsByTagName('div');
if(alerts.length==0){
window.onscroll="";
}
placeAlerts();
}
h3.onmousedown=function(event){
this.parentNode.setAttribute('id','active_alert');
var event=(event)?event:arguments[0];
mouseXY(event);
start_x=posX;
start_left=document.getElementById('active_alert').style.left.replace('px','');
adjust=posX-start_left;
document.onmousemove=function(event){
var event=(event)?event:arguments[0];
mouseXY(event);
var obj=document.getElementById('active_alert');
obj.style.left=posX-adjust+'px'
obj.style.top=posY-5+'px'
};
}
h3.onmouseup=function(){
document.onmousemove="";
this.parentNode.setAttribute('id','');
}
}
}
}
Function Call
msgBox("You have done something real bad!
So Bad, oh so bad!","Ya shoudn't of done it boy!")
CSS
.alertbox{
width:344px;
position:absolute;
padding:0px;
margin:0px;
border:solid 1px #FFFFFF;
}
.alerttitle{
background-color:#9B1317;
color:#FFFFFF;
font-size:12px;
width:344px;
cursor:pointer;
text-align:center;
margin:0px;
padding:0px;
}
.alerttxt{
background-color:#E7EFF7;
margin:0px;
font-size:11px;
text-align:center;
padding:0px;
width:344px;
}
.alertfoot{
background-color:#9B1317;
text-align:center;
width:344px;
margin:0px;
padding:0px;
}
.alertbut{
margin-top:2px;
cursor:pointer;
}
i wrote a very simple HTML page to test some DOM features between Mozilla and IE. Mozilla is perfect everything went fine and i got the childNodes from my custom tag ( this tag i named <blah> ), inside this tag there is two <span>, that i retrieved. But with IE i really could figure out how its done! Code:
View 1 Replies View RelatedI have the following HTML code:
<form id="registration" action="/cgi-bin/registration.cgi" method="POST" onsubmit="return control()">
<fieldset>
<legend>Fill up this module</legend>
[code]....
and the following javascript code:
function addPrivate() {
var root = document.getElementById('registration');
var label1 = document.getElementById('label');
label1.appendChild(document.createTextNode('First Name: '));
[code]....
but div tag is not added.
I have this code that adds field when the user hit the "add new field" button.The problem here is, once you added an input field, then fill it out, then add a new field again, the info in the first field be erased.As how the code runs, you have to add all the fields that you want to fillout FIRST before entering you data in those fields. I believe its not logical to do that.
<html>
<head>
<title></title>
[code]...
in javascript i pass value to a hidden field and i get that in alert msg but the same value i am not able to get in teh code behind page in asp.net
alert(document.form1.id.value)
in page behind
i use x= request("id")
not hetting teh value i get a eror msg erro obtaining the value
I have built a form on my network. I have put several javasripts in the form. The thing that is driving me nuts is; while codes such as highlight fields, copy fields and text limit work, others, such as Sentence case and Auto enter curent date don't.
View 2 Replies View RelatedI know that I can read/write custom properties of an object by using
the following:
Setting:
document.all['Control'].customProp = "this";
Getting:
document.all['Control'].customProp;
Is there a way I can run code when this custom property is set. Or
perhaps there is a way to create a custom method?
Example:
<span id="MySpan"><input type="text"></span>
I'd the property:
document.all['MySpan'].enabled = true;
To automatically do this:
document.all['MySpan'].controls[0].disabled = !thevalue;
OR the method
document.all['MySpan'].enable();
To do this:
document.all['MySpan'].disabled = false;
I try to associate DOM nodes with other objects. Assigning custom
properties to DOM nodes works in Firefox and Safari. It also works with
HTML nodes in IE6. However, it appears not to work with XML nodes that
are part of trees returned by XMLHttpRequest. How can I work around this
limitation? For XML nodes, I need to be able to associate at most one
object with each node.
The syntax I am using is
node.customproperty = value
I have a custom HTML tag: <custom>text is here</custom>
I can do anything I would like in terms of calling methods with mozilla
but not IE 6. For instance calling appendChild in IE results in an
error. The innerHTML property is blank even though there is text
between the tag.
Is there a work around for IE. What gives with IE and being able to
access and manipulate custom tags??