Web Development

Quick Question about spacing...

16-Apr-10 2:02

I know the language. I've read a book. - _Madmatt

Dalek Dave14-Apr-10 8:19

Dalek Dave

14-Apr-10 8:19

I have a Navigation Div...

<div class="navigation">
<a href="index.htm" class="mouseover">Home</a>

<a href="gallery.htm" class="mouseover">Gallery</a>
   
<a href="contact.htm" class="mouseover">Contact Us</a>
   
<a href="siteplans.htm" class="mouseover">Site Plans</a>
   
<a href="sitemap.htm" class="mouseover">Site Map</a>
   
<a href="cardington.htm" class="mouseover">Cardington</a>
   
<a href="r101.htm" class="mouseover">The R101</a>
</div>

This, functionally, does what I want, but I would like the elements to be spaced out evenly accross the Div.
Is there either a style command for this, or is there a way of putting spaces between the elements?

Thanks.

------------------------------------

I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave

Not Active14-Apr-10 8:36

14-Apr-10 8:36

Use CSS to set the padding or margin.

I know the language. I've read a book. - _Madmatt

Dalek Dave14-Apr-10 8:41

Dalek Dave

14-Apr-10 8:41

Thanks, just saw the SPAN in the second answer.

I knew there was a way.

------------------------------------

I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave

daveyerwin14-Apr-10 8:36

daveyerwin

14-Apr-10 8:36

<style>
span
{
  width:12%;

}
</style>
   <div class="navigation">
   <a href="index.htm" class="mouseover"><span>Home</span></a>
   <a href="gallery.htm" class="mouseover"><span>Gallery</span></a>
   <a href="contact.htm" class="mouseover"><span>Contact Us</span></a>
   <a href="siteplans.htm" class="mouseover"><span>Site Plans</span></a>
   <a href="sitemap.htm" class="mouseover"><span>Site Map</span></a>
   <a href="cardington.htm" class="mouseover"><span>Cardington</span></a>
   <a href="r101.htm" class="mouseover"><span>The R101</span></a>
</div>

... or maybe just use a table.

Dalek Dave14-Apr-10 8:40

Dalek Dave

14-Apr-10 8:40

SPAN!!!!!

I knew it!

I was sure there was a control, but for the life of me I coulnd't remember it.

Thanks.

------------------------------------

I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave

Re: Anchor onclick attribute

User 171649214-Apr-10 8:55

User 1716492

14-Apr-10 8:55

Suggestion Dave ...

If the menu, or other content, you want looks similar to an existing website, use Firefox with Firebug add-on. Then using Firebug you can establish exactly what the designers of the webpage were doing. Then do what a lot of programmers do, and "borrow" the code as a snippet, then modify it until your needs at satisfied.

So take the CP navigation on the green bar above, you can see the HTML and the Styles used, as well as any Javascript employed.

And talking of Javascript, you had couple of questions recently, point your browser here http://yuiblog.com/crockford/[^] and enjoy the learning experience. Caution, some of the resources there are huge.

modified 1-Aug-19 21:02pm.

Anchor onclick attribute

salmonraju14-Apr-10 2:54

salmonraju

14-Apr-10 2:54

Hi,

Below is the issue I am facing in Java script.
I am using <TR> in that Tr i have 3 <Td>

in last <td> I am using anchor tag dome thing like below
<tr name =row>
<td/>
<td/>
<td>
<a type="aaa" onclick="UpdateName" > test </a>

I am assigning dynamically all the attributes of anchor tag like below

var cells= row.cells;
var link = cells(2).all.tags("A")(0);

link.file= "123";
link.href = "javascript:VoidReturn("nothing to return");

link.onclik=function() { updateName(name);}

function Update(name)
{
username=name;
}

This is working fine if i am using link onclick attribute as above ...function() { updateName(name);}

but if i am just giving it as string, it is not invoking,

like below.

link.onclick=updateName('abc');

Please let me know how i can set onclick of anchor attribute without function object.

Thanks,
Salmon

daveyerwin14-Apr-10 4:08

daveyerwin

14-Apr-10 4:08

salmonraju wrote:
link.onclik=function() { updateName(name);}

OK the above assigns the Function to the onclick .

Now this next part assigns the results of
updateName('abc') (which is a function call)
to the onclick , you don't want that.

salmonraju wrote:
link.onclick=updateName('abc');

I can't do anything with the code you presented so
I will give this simple example ...

<table>
 <tr name="row">
  <td>
   <a name="a1">a1</a>
  <td/>
  <td> 
   <a name="a2">a2</a>
  <td/>
 </tr>
</table>
<script>
as = document.getElementsByTagName("A")

as[0].href = '#';
as[0].innerHTML = "HIYAS";
as[0].onclick = Update;
as[0].aname = "Davey"

as[1].href = '#';
as[1].innerHTML = "Whassup";
as[1].onclick = Update;
as[1].aname = "JONES"

function Update()
{
alert(this.aname);
}
</script>

Try that out and see if it works for you.

Re: Anchor onclick attribute

Peace ON16-Apr-10 20:28

Peace ON

16-Apr-10 20:28

Great Answer

OMG | :OMG:

Jinal Desai

Weather.Com HTML Code: Add function to request and save (client-side) Zip Code and substitute for VAR is Weather.Com Script-Need Help

bill bradley14-Apr-10 1:40

bill bradley

14-Apr-10 1:40

Project I am working on has a courtesy Weather.com Page. The intent is to display the client side weather conditions--not the server.

The HTML code from Weather.com looks like this:

<script type="text/javascript">
</script>

<div id="wx_module_7847" style="padding-left: 225px;" >
if (!document.cookie && document.cookie != "") {
Alert("Cookies must be enabled in Internet Explorer to use Weather.com<br />in the Aloha Manager's Desktop.")
}
if (!document.amdczip && document.amdczip != "") {
createCookie('amdczip', '40212', 365)
}
var wczip = readCookie('amdczip')
document.write('wczip')

<a href="http://www.weather.com/weather/local/34979">Your City's Weather Forecast, AA (11111)</a>
</div>
<script type="text/javascript">

/* Locations can be edited manually by updating 'wx_locID' below. Please also update */
/* the location name and link in the above div (wx_module) to reflect any changes made. */
var wx_locID = '08043';

/* If you are editing locations manually and are adding multiple modules to one page, each */
/* module must have a unique div id. Please append a unique # to the div above, as well */
/* as the one referenced just below. If you use the builder to create individual modules */
/* you will not need to edit these parameters. */
var wx_targetDiv = 'wx_module_7847';

/* Please do not change the configuration value [wx_config] manually - your module */
/* will no longer function if you do. If at any time you wish to modify this */
/* configuration please use the graphical configuration tool found at */
/* https://registration.weather.com/ursa/wow/step2 */
var wx_config = 'SZ=300x250*WX=FHW*LNK=SSNL*UNT=F*BGI=spring*MAP=null|null*DN=askbillbradley.com*TIER=0*PID=1177763389*MD5=be2899d91f6feddef8216cd03ec459a7';

document.write('<scr' + 'ipt src="' + document.location.protocol + '//wow.weather.com/weather/wow/module/' + wx_locID + '?config=' + wx_config + '&proto=' + document.location.protocol + '&target=' + wx_targetDiv + '"></scr' + 'ipt>');
</script>

The VAR var wx_locID can be changed under license. However, I am having a difficult time requesting a Zip Code using a form/input, saving it as a cookie for future use, retreiving that cookie and assigning its value to the var wx_locID.

It var exists inside a script. I cannot modify that script per weather.com terms and conditions, but I need to pass the zipcode to it.

Any assistance would be appreciated

How to make an automatic download web page ?

Western_Star_Entertainment13-Apr-10 11:25

Western_Star_Entertainment

13-Apr-10 11:25

Hello everyone,

I need help to implement the following capability on a simple web site:

1. when the user clicks a link, a page is displayed that says "if your download does not start
automatically...etc" with a bunch of other HTML stuff.

2. the download is automatically initiated (the browser displays the save file dialog box) after
the above page displays.

3. the file has an .exe extension, and I want to minimize the various doom warnings that
different browsers, esp. IE generate.

4. Ideally this should be done using a generic method such as JS (not ASP/VB/.NET)

I am completely stumped by #2 and #3, because of my low web development experience (besides plain HTML).
The various PHP recipes I've found do not work. I cant even reverse-engineer it from other web sites!

I am sure all of you have seen this functionality, which may be easy for you. Please help... in return, I can answer complex C++ questions if anyone still uses that Smile | :)

Thanks!
Ted

Not Active13-Apr-10 12:24

13-Apr-10 12:24

1. OK, create a page.
2. Add this script

<script type="text/javascipt">  
setTimeout("window.open('file locaiton','Download')",5000);   
</script>

3. Not possible. Think about it, the warning are there for a reason why would they provide a method to override them by any ordinary person?

4. No idea waht you mean. Generic?

I know the language. I've read a book. - _Madmatt

hb5213421415-Apr-10 3:39

hb52134214

15-Apr-10 3:39

signing the executable will offer some assurance to your users.

Not Active15-Apr-10 3:56

15-Apr-10 3:56

And how does this relate to the question that was asked.

Signing doesn't mean a thing, anyone can purchase a certificate, even hijack one.

I know the language. I've read a book. - _Madmatt

hb5213421415-Apr-10 4:34

hb52134214

15-Apr-10 4:34

You may know better, but doens't IE have an option to check for certificates on downloaded code. If a downloaded exe is not signed, doesn't IE present another warning dialog box? Isn't that want you wanted to reduce?

With regard to the ability to subvert security mechanisms, you raise a good point. There are probably a large number of other techniques you can use to minimize warning dialog boxes.

Not Active15-Apr-10 5:02