HTML - How Do I... Make Menu Links Only Change Page Content? Read More ->

Hi

I am trying to implement jQuery hovercard as specified he http://github.com/rrrene/tipsy.hovercard

This code as an example uses data-url which specifies a html page that contains the html to use in the hovercard. But my site uses Smarty classes and so the images i want to show in my hovercard have already been found and the links loaded into variables.

How do I turn this html

Code:

 <a href="some.html" rel="hovercard" title="loading..." data-url="tip.html">Hovercard w/ AJAX Flavour</a>

into a statement that reads from a bit script that can load using the variables already populated?

I cant find anything on the web about data-url. Its all data:URL.

Thanks

Darren

To briefly explain what is happening.... I can hover over my links on my index.html page. Click any of them which directs me to the proper page... but any remaining licks change to the same as first previously clicked link and stays there Wierd. Therfore clicking does nothing at this point. I can refresh to the index page again and everthing is back to normal. I can hover over any link I want but if I click it it will go to the correct page , but then the remaining link all change to that one.
Is the a problem with my html or css file?
Thanks

Hi,

as the title says, I am wondering if there is a way to include the content of a link in the page itself.

example:

this is a regular link to a html page:
<a href="next.html">next</a>

let's say I don't want the file next.html, is there a way to include the content of next.html somewhere and refer to it from the page directly?

I am not sure I am explaining this well, so I'll say it again: I want to be able to put several html files in one file, meaning I click on links for pages defined in the same html file I am viewing. (this is for use with a tab system in iframes generated dynamically from a database)

As an exemple, if we use an iframe, you can include html code between <iframe>html code here</iframe> directly without using src, so I guess we can do the same for just about any link?

for sure this can be done, but can it be done in html or do I have to use javascript or something?

thank you

I currently have my sponsors listed like this (at the bottom of the page)

http://www.ballermag.com/

But I would like to upgrade this part of my website to look something like this:

http://www.sportanddev.org/

Any advice about the html code for this style would be appreciated! If its as easy as that. Not sure how much is involved with building a block like the one on that page...

I'm guessing its more difficult than just copying the code.

Hi All I am making some new pages for my websites and want them all link together. They are all coded to reached the main page by <a href> tag but also want each of the new pages to link together. So I guess my question is Will I have to add a new <a href>tag such as <a href="htmlforums.html">How to make multiple links all connect</a> and so on on each new page.....

Thanks for your help

I just need a basic code for this. For what I presume is basic anyway.

On MySpace, I'll insert links, and MySpace will automatically make it a hyperlink, but won't allow you to visit certain links that you click on. How do you prevent it from being a link and so that it's just text? I thought <nohtml> worked, but apparently it doesn't exist.

Would help me out loads, thanks,

Sam/.

Ok, right, so I have some pictures in a table (Question1) and some text (Question2).

Question 1
Is there a way of having a loading picture before the original image shows up?

Question 2
Is there a way of having a loading picture before the text shows?

This is only 'cause i would like some text that 'kinda looks like it's loading first, or a delay.

I have an 'Agree' box on my website so that when people enter, they have to agree to certain terms first. Is there a way of having a checkbox underneath saying 'Do not show me this page again.' and when they select that, it stores a cookie or something so that they don't see the page again?

The site:
http://www.tc-ua.piczo.com/

Give me your comments and ideas. Thanks; ToshNeox

hi all,
One strange issue with html <a> tags.We have XP English and Japanese machines
and issue is getting only in XP Japanese machines.

Issue is tat on clicking any link,link font size gets increased and its comes over other links.Its like a new layer of big font sized links over the old links.
Any idea why this happens?

Following is my JSP section
=============================

<div onselectstart="return false" id="systemMenu" style="position:absolute;top:-75px; left:-20px; ">
<label>Screen #&nbsp;:&nbsp;</label>
<input tabindex="1" suggest_sel_event="selectScreenIdValue" type="text" title="Provide screenId and Hit Enter key" id="screenIdEntry" name="screenIdEntry"/>
<button tabindex="-1" id="SUGGEST_screenIdEntry" onclick="suggestScreenIds()"></button>
&nbsp;|&nbsp;
<a tabindex="2" href="javascript:selMenu('showHomePage.do','PARENT','')">Home</a>&nbsp;|&nbsp;
<a tabindex="3" href="javascript:doHelpFunc()" onmouseover="">Help</a>&nbsp;|&nbsp;
<a tabindex="4" href="javascript:aboutiCargo('<%=mainWebBuildVersion%>')" onmouseover="">About</a>&nbsp;|&nbsp;
<a tabindex="5" accesskey="o" href="javascript:exitlogOffIcargo(ctxPath+'/logout.do','logOffApp')">Lo<u>g</u>off</a>&nbsp;|&nbsp;
<a tabindex="6" accesskey="x" href="javascript:exitlogOffIcargo(ctxPath+'/logout.do','exitApp')" >E<u>x</u>it</a>

</div>
===================================================
CSS Used In the page
=====================


<STYLE>
body{
margin:-1px;
scrollbar-base-color: #C6CEDE;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #C6CEDE;
scrollbar-face-color: #C4CED9;
scrollbar-highlight-color: #C6CEDE;
scrollbar-shadow-color: #C6CEDE;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;

}
#footer{
position:absolute;
left:1%;
top:99%;
width:97%;
text-align:center;
font-size : 8pt;font-family : Arial,Verdana,Sans-Serif;
/*font:menu;*/
color : #000000;
/*background-color:#CCCCCC; */
}
.footer{

text-align:center;
font-size : 8pt;font-family : Arial,Verdana,Sans-Serif;
/*font:menu;*/
/*background-color:#CCCCCC; */
}
div.footer table{
border-collapse:collapse;
padding:0px;
word-spacing : 0px;
width: 99%; /*100% of container produces horiz. scroll in Mozilla*/
border: 0px;

}

div#systemMenu{
color:#ffffff;
font-weight:bold;
}
div#systemMenu button{
border-collapse:collapse;
color:#ffffff;
font-weight:bold;
font-size:12px;
border: 0px none;
background-color:1F3E6C;
width:0px;
height:0px;
}

div#systemMenu input{
/*font-family : Arial,Verdana,Sans-Serif; font-size : 8pt;*/
font:menu;
width : 75px;
height : 15px;
color : #000000;
text-transform : uppercase;
background : #ffffff;
border-right-width : 0px;
border-bottom-width : 0px;
border-left-width : 0px;
border-top-width : 0px;
border-top-style : none;
border-left-style : none;
border-right-style : none;
border-bottom-style : none;
border-collapse:collapse;

}

div#systemMenu label{
border-collapse:collapse;
color:#ffffff;
border: 0px none;
background-color:1F3E6C;
text-decoration : none;
/*font-weight:bold; font-size:12px;*/
/*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/
font:menu;
}

div#systemMenu a{
border-collapse:collapse;
color:#ffffff;
border: 0px none;
background-color:1F3E6C;
text-decoration : none;
/*font-weight:bold;font-size:12px;*/
/*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/
font:menu;
}

div#mainErrorDiv table{
padding:0px;
word-spacing : 0px;
width: 99%; /*100% of container produces horiz. scroll in Mozilla*/


}

/*********************************FONT STYLES********************************/
.iCargoRedText {
font-family : Arial,Verdana,Sans-Serif;
font-size : 10pt;
color : #336666;
font-weight : bold;
}
.iCargoSmallText {
font-family : Arial,Verdana,Sans-Serif;
font-size : 7pt;
color : #000000;
}
.iCargoPageText {
font-family : Arial,Verdana,Sans-Serif;
font-size : 10pt;
color : #000000;
}
.iCargoErrorMessage {
font-family : Arial,Verdana,Sans-Serif;
font-size : 9pt;
color : #336666;
list-style-position : outside;
list-style-type : square;
}
.iCargoInfoMessage {
font-family : Arial,Verdana,Sans-Serif;
font-size : 9pt;
color : #000000;
}
div.loadBox {
/*font-family: Arial, sans-serif; font-size:9pt;*/
font:menu;
color: #FFFFFF;
border: 0px none #FF3E3E;
background-color: #1F3E6C ;
text-align: center;
position:absolute;

}
</STYLE>

I am working on making a website, and learning as I go. I have been trying to figure out how I would make links and images appear in the same section of many different pages using code.

Is this possible in HTML/CSS, which are the only languages I have any experience in.

If you need anymore information, let me know and I'll add more details.

Hi,
I have a very basic question. In the past, every time I've made updates to the website, I have to refresh my browser to get the new content.

How long does it typically take for browsers to check for new content?

Is there a way to put something in the html header so that browsers will do this automatically? I suppose not, but just asking.

Thanks,
Linda.

I'm not sure how to explain this, but I hope someone can help me or point me in the right direction.

I'd like to have a small side column on my website with content such as recent updates. Ideally, I'd like to be able change just one file and have that reflected on every page. Right now, I have to go through and update each page manually but I know there must be an easier way to do this. I'm thinking this is somehow related to RSS feeds but I don't really know much about them and I'm not sure if that's what I'm actually looking for.

Can anyone offer any advice/tutorials/suggestions/help for a way to do this?

The site I'm working on is located here and the section that I would like to be able to change that right column ("Recently Updated").

How do I make a button change images when a user rolls over his/her mouse? Thanks.

How do I make a button change images when a user rolls over his/her mouse? Thanks.

I have a site with many pages and have and a navigation index on the left and bottom and want to be able to set this up so that when I change the navigation, all screens change. Any instructions out there? Thanks!

Right now i'm trying to make it so that an image is on my webpage, and when someone rolls their mouse over it, it changes to another image. It's a simple image conversion, all I changed is the arrow's depth.

Thanks!
Help-my-HTML