|
Hello,
I have a simple menu bar base on a ul li list with embedded hyperlinks.
<ul>
<li id="menuHome"><a href="index.html" onMouseOver="setMenu('menuHome')" >Home</a></li>
<li id="menuResults"><a href="results.htm">Results</a></li>
<li id="menuEvents"><a href="events.htm">Events</a></li>
</ul>
I have set the CSS properties such as
#menuHome {
background-color: #CCC;
color: #000;
}
#navleft ul {
list-style: none;
padding: 0;
margin: 0 0 5px 0 ;
text-align: left;
}
#navleft li {
margin: 5px 0;
line-height: 23px;
}
#navleft li a {
text-decoration: none;
padding-left: 9px;
display: block;
width: 140px;
}
My Java script is quite basic
function setMenu( id )
{
var e = document.getElementById(id);
e.style.backgroundColor = 0x666666;
e.style.color = 0xFFFFFF;
}
My goal is to basically have a vertical menu bar that can be used for multiple webpages, so that after the user clicks on it, it will change the background color and text to a different color, so that it is apparent which page the user is on.
(I realize that I'm using the mouse hover for testing, it stops the page from reloading every time I test it).
The problem that I am having, if my understanding is corrent is that the tag that I pass in the jave call is bond to the "li" element of the menu list, the background color changes quite fine, but, I can not seem to be able to access the color property of the "a href" tag to change the text from black to white.
using the e.style example above how would to "Cast it" to the a reference?
Thank you in advance.
|
|
|
|
|
Hi All,
I am having a script file which begins with the following statement:
var ABC = ABC || {};
This is the very first line of the Java Script file, while the remaining is understandable.
Can anyone please tell me what does this line means.
I am unable to understand the meaning of it
Thanks
|
|
|
|
|
Let me reply my Question:
The following line creates namespace in Java script:
var ABC = ABC || {};
It says if there is a class called ABC create a namespace of it, otherwise create a blank namespace.
Hope this may help others for understanding.
|
|
|
|
|
Umair Feroze wrote: It says if there is a class called ABC create a namespace of it, otherwise create a blank namespace.
No, it doesn't create a namespace, because JavaScript doesn't have namespaces; and it does not look for a class as JavaScript does not have classes.
It leaves abc as it is if it is an expression whose Boolean value is true e.g. is a non-zero value, a non-empty string, true, a function, or an object (including an array, even if empty). If it is not a true value, it replaces it with an empty object.
This is a common idion for defining a variable to hold a context (not a JavaScript concept) without accidentally overwriting it if it is already in use. It is better than simply doing var abc = { }; because any properties in the object will be retained.
Technically, it is bad JavaScript because var creates a variable. The appearance of it on the right hand side of an expression when defining it in the left hand side could (in theory) end up using it between the time it is defined and the time it is initialised.
I'd rather do ...
if (typeof abc != 'object')
var abc = { };
although it is questionable as to whether this is valid or not as vars are 'hitched' so it is equivalent to
var abc;
if (typeof abc != 'object')
abc = { };
but you can get away with it because varing a variable that already exists in the current scope has no effect.
|
|
|
|
|
|
Defining variables to hold other methods and properties to minimise the pollution of the global scope is a very well established technique. This technique emulates some of the key features of namespaces in other languages. I use this method in my own code and add comments saying that it is creating a namespace; but that does not make it a namespace, any more that if I commented it as being a Space Shuttle would make it a Space Shuttle; they are still just variables that have properties attached to them.
Compare, in some fictitious language that has 'real' namespaces:
namespace Namespace1
{
helloWorld: 'Hello, World'
}
alert(Namespace1.helloWorld);
Namespace1 = false;
alert(Namespace1.helloWorld);
against JavaScript:
var Namespace1 =
{
helloWorld: 'Hello, World'
}
alert(Namespace1.helloWorld);
Namespace1 = false;
alert(Namespace1.helloWorld);
|
|
|
|
|
You are comparing apples and oranges. What is your point? You made the statement "because JavaScript doesn't have namespaces", to which I replied, "Not quite correct". I did not say it does have namespaces, but rather a facsimile within the constraints of the language. To say it does not, or does not support the construct, is false and misleading.
I know the language. I've read a book. - _Madmatt
|
|
|
|
|
How can I initailize array data to variable in JQuery. I want to initialize data from server-side instead of such as the following one.
var myVariable = ["ActionScript", "AppleScript", "Asp", "Scheme"];
-------------------------------------------------------------------
IN SERVER SIDE (cs file)
[System.Web.Services.WebMethod]
public static string MyFunction()
{
// This function return like this string array "ActionScript", "AppleScript", "Asp"....
// Return What? string array or string and how?
}
-------------------------------------------------------------------
I WANT TO CATCH STRING ARRAY ON ASPX (Callback)
<script type="text/javascript">
$(function () {
$.ajax({
type: "POST",
url: "AutoComplete.aspx/MyFunction",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
????? how can I initialize data
var result = WHAT I DO...
Thanks....
modified on Tuesday, January 18, 2011 6:25 AM
|
|
|
|
|
How to do zoom in and zoom out for entire page in all browser. I know it can be done by pressing ctrl + key and ctrl - key. I want code in javascript.
Niladri
|
|
|
|
|
As far as im aware, there is no client-side scripting ability to control the browser zoom capability.
You could design your page in such a way that text/image/other visible element sizes could be controlled with Javascript, but there is no simple 1 line answer to this.
|
|
|
|
|
This is a feature of the browser itself, not JavaScript.
niladri03 wrote: I want code in javascript.
This is very rude. Don't just ask/demand code, we are not rent-a-coders. Show what you have tried and ask a specific question about what you need help with.
I know the language. I've read a book. - _Madmatt
|
|
|
|
|
Why not put a wrapper round your whole page that has css properties of your page width/height and text size and image size etc. and then just adjust those values using javascript 
|
|
|
|
|
I believe you you meant to reply to the OP not me. Nice idea but impractical and doesn't work as you think it does. There is a difference between enlarging an image and actually zooming the rendered output.
I know the language. I've read a book. - _Madmatt
|
|
|
|
|
Oh yeah sorry and what is the difference? If all he wants to do is zoom the page then if you zoom in and make everything bigger it will be the same as zooming (scroll bars will give the desired scroll effect) and zooming out everything becomes smaller...where's the problem? If it was just zooming the individual image i'd see your point but as it's part of the whole page there isn't actually a difference, is there?
|
|
|
|
|
Yes, there is a difference. Your method is only enlarging, which in images may cause pixelation, with text may cause the layout to adjust, particularly if a flow style has been used. Zooming is accomplished with the bowser to redraw the content at a larger size.
I know the language. I've read a book. - _Madmatt
|
|
|
|
|
Oh right okay yes that makes sense. Sorry my mistake. I tend to try and use layouts that are flow layouts but which are fully adjustable to max text-sizes and normally minimum of slightly smaller than 800x600 screens so that stuff like adjusting text-size doesn't matter...which is why I didn't notice it could create a problem with creating a zoom effect :/
|
|
|
|
|
is there any mechanism by which we can have gridivew in-place edit with jquery. if possible please give me sample code.
thanks
tbhattacharjee
|
|
|
|
|
Tridip Bhattacharjee wrote: please give me sample code.
Again, don't just ask for code. Show that you have at least tried.
You don't need JQuery specifically to do in-place editing. There are plenty of examples using the built-in ASP.NET GridView and other third-party grids. Have you at least looked?
I know the language. I've read a book. - _Madmatt
|
|
|
|
|
i worked with JQuery Modal Popup fine. how to attach a behaviour to Jquery Modal popup through javascript as a result when i will click out side of popup on my page the popup will close but if i click on modal popup then modal popup will not close. also please tell me how to add drop shadow in Jquery modal popup.please help me with code. thanks.
tbhattacharjee
|
|
|
|
|
First of all which JQuery Modal popup are you using, there are about a dozen plugins that do this. Modal dialogs are usually dismissed with a specific user action, such as clicking on an OK button. This prevents accidental clicks from dismissing the dialog and is the expected behavior of this functionality.
Tridip Bhattacharjee wrote: please help me with code.
Don't ask for code, its rude. Show what you have done and ask specific questions with what you need help with. Don't just ask for someone to do it for you.
I know the language. I've read a book. - _Madmatt
|
|
|
|
|
|
I think you have misinterpreted the message. The question wasn't about which modal popup framework to use but rather which one the OP was using? I am very well acquainted with JQuery thank you.
I know the language. I've read a book. - _Madmatt
modified on Thursday, January 20, 2011 6:32 PM
|
|
|
|
|
Mark Nischalke wrote: mis-interrupted
It should be "misinterpreted" as his response was clearly an interruption. 
|
|
|
|
|
I guess the spell checker mis-interruptted my misinterpreted 
I know the language. I've read a book. - _Madmatt
|
|
|
|
|
Hi,
I'm building a javascript code which will enable users to view a particular website within an iframe by typing it into a textbox.
I need some coding help.
Currently my code looks like this:
<br />
function gotourl() {<br />
<br />
self.frames['ifrm'].location.href = document.getElementById('url').value;<br />
document.location.href=redirecturl;<br />
}<br />
with ifrm being the id of my iframe and url being the text box.
When I type a web address into the text box, the javascript tries to load C:\Website\google.com which of course does not work.
I am new to javascript so any help would be greatly appreciated.
modified on Thursday, December 30, 2010 5:42 AM
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
