|
HTML - Highlight Anchor?
Hello,
I have a webpage with several html anchors. The anchor part works ok, but when I click on the links, I only goto to the part of the page with all the anchors (all anchors are gathered low in the page) and I wanted to know if there is any way of highlighting the specific anchor that the user has clicked on. Thank you. Similar TutorialsI have an <a> tag which when you hover has the background turn grey, but it only highlights the section around the text but I would like it to be a bigger area around it. Like having text centered in a table cell and whe you hover the background turns grey. Any ideas? I have a Web Page with the following HTML code: <div id= "BlockA" > <div style="position:absolute;left:31.82px;top:79.70px" class="cls_005">Text 1</div> <div style="position:absolute;left:340.70px;top:79.70px" class="cls_005">Text 2</div> <div style="position:absolute;left:31.10px;top:92.90px"> <span class="cls_005">Text 3</span> <span class="cls_002">Text 4</span></div> <div style="position:absolute;left:105.02px;top:92.90px" class="cls_005">Text 5/div> </div> "BlockA" is usually displayed without highlighting. However, under certain circumstances (as controled by my Web App), I would like to highlight (e.g. with backgroundcolor = "yellow") "Block A" when the Web page is displayed. The highlight should not change the classes in the div and span within "BlockA". Can anyone suggest how can I do this? Thanks in advance. sg2000 Hello everyone. I have a spry accordion menu in a table and as you well now when it is clicked you get a highlight around the edge of the spry object, i'm on a mac so mine is grey and when I look at it on my friends PC it is blue. Is there any way to simply get rid of this highlighting effect? Thanks Thecaia23 HI, Greetings, I would like to put a link at webpage A, eg Code: <a href="http://www.example.com"> HUHULALA </a> then when someone clicks on it, then it will link to webpage B and the page will display and highlight all the words, HUHULALA. Can we actually do that? thanks. I am doing a simple calendar. I managed to do the table with days etc. I have a problem I wish to highlight a number and the cell automatically according to the date of the day. Can Someone help please? Thanks & best regards Hi all, I don't exactly know what to call it, apart from the explanation to what I want to do. Basically, I have a HTML page. On their, I have a text box and a search button and some text in a table. What I want to do is, when typing something in the box, clicking search will then jump to a part of the page and 'highlight' what is typed into the box. Ideally, the page will run in either HTML but I can use ASP. Unfortunately I cannot use PHP. Could anyone please help or give me some advise on this? Hi all, I have a very simple html file with table rows/columns. I implemented a feature where if you click once anywhere in a row, the row becomes 'highlighted' (modify the background color). The problem, and the thing I want to eliminate, is that the specific character/word that you click on also becomes highlighted. How can you keep the system from highlighting words/characters that you click on? I hope this is an easy one. Thanks, Bill HTML Code: <html>
<head>
<script type='text/javascript'>
var currentRow=-1;
function SelectRow(newRow)
{
for (var i = 1; i < 4; i++)
{
var cell=document.getElementById('cell_'+newRow+','+i);
cell.style.background='#AAF';
if (currentRow!= -1)
{
var cell=document.getElementById('cell_'+currentRow+','+i);
cell.style.background='#FFF';
}
}
currentRow=newRow;
}
</script>
</head>
<body>
<table border=1>
<tr>
<td onclick='SelectRow(1)' id='cell_1,1'>cell1_1</td>
<td onclick='SelectRow(1)' id='cell_1,2'>cell1_2</td>
<td onclick='SelectRow(1)' id='cell_1,3'>cell1_3</td>
</tr>
<tr>
<td onclick='SelectRow(2)' id='cell_2,1'>cell2_1</td>
<td onclick='SelectRow(2)' id='cell_2,2'>cell2_2</td>
<td onclick='SelectRow(2)' id='cell_2,3'>cell2_3</td>
</tr>
Ok, you know how you can drag the mouse over any amount of normal text and the text gets that blue border around it. Try doing the same with an input box and you can only highlight the text of one input box at a time. How can I highlight the text from multiple form input boxes at once? Hi All, I was able to Highlight in yellow a sentence. But it doesn't work on the Option / Drop Down Menu sentence. Please HEEEELLLLP me find my mistake(s) BELOW: Code: <!DOCTYPE html>
<head>
<title> Yellow Hightlight </title>
</head>
<body bgcolor="#00CCFF">
<script type="text/javascript">
window.onload=function()
{
document.getElementById('NewsletterList').onchange=function()
{
window.location=('http://www.example.com/'+this.value+'');
}
}
</script>
<select id="NewsletterList">
<option value=""><P> <FONT style="BACKGROUND-COLOR: yellow"> PLEASE SELECT THE FOLLOWING: </FONT> CLICK This Box and Select!</P> </option> <!--this option takes you to your home page-->
<option value="xxxxx">yyyy</option><!--this option takes you to
.
.
.
.
.
</body>
</html>
Is there anyway to do a sort of "go to next anchor" link? ... and previous anchor? Hi all, I'm trying to embed a flash file on my page that will act as a link to another page (please see code below). However, for some reason it's not working. Can someone please tell me what I'm doing wrong or point me towards some documentation? <div class="promowrapper"> <a href="http://promos.kansan.com/summersplash"><embed width="955" height="60" src="http://media.kansan.com/static/images/SummerSplash.swf" /></a> </div> Thanks, Kansan I'm creating an alphabetical search of products. I have a table with the letters of the alphabet and just below that table I have a scroll box with the list of products. Each section of this list of product has an anchor that is called by the letter in the table. When the letter is clicked the scroll box scrolls to show the products with names starting with that letter. What I did so far is working. The problem is that the whole page of the website is moving up when I click a letter and not just the scroll box. How do I do to make just the scroll box to scroll? Hi everybody, im new here. i've done lot of search and nothing solved my problem. here is my situation. I have 2 pages, in the first page i want to make a link to the second page but at a specific point in the second page. Here is my code: in the first page, i make this link: <a href="page2.html#70" class="Style1">linktopage2 (1)</a> in the second page at the point i want to link: <a name="70"></a> Did i forget something? right now when i click the link in the first page, it open the second but at the top of it and not at the point i want. someone have a better way to do what i want? thank you all!! mike Using help from (http://www.echoecho.com/htmllinks08.htm) I added links to my page (http://laititudefestival.zxq.net/whosplaying.html) When clicked on the title 'Lake Stage' it should redirect you to the line up image lower down in the page. The link (http://laititudefestival.zxq.net/whosplaying.html#lake) appears in the address bar . It should move the page down but it dosent Please help Just give me one working example I would be very happy I could change text and so on ! Thanks , Sorry for English Right this is not for the faint-hearted cos I'm going to make a real hash of explaining what I'm trying to do probably I'm using <a> tags to move the user around a single page, so for example: HTML Code: <a href="#room1">Room1</a> <a href="#room2">Room2</a> <a href="#room3">Room3</a> <a href="#room4">Room4</a> <div id="room1"> Some Content </div> <div id="room2"> Some Content </div> <div id="room3"> Some Content </div> <div id="room4"> Some Content </div> It works fine, but the browser places the viewing window right at the very start of the <div id=""> bit. I want to have it move to say 50px higher up. I can't move the <div> tags or set any margin or padding on them as this really messes up the page. Is there any way to move the browser window 50px back up after it has moved to the <div> position. Maybe using javascript? Any help really appreciated Hey guys, I'm really new to HTML coding so be nice. I'm trying create an anchor on a new page. Is this possible, I can create an anchor that jumps down a page, but I can't get it to work on a different page. I thought I had it, but it only worked in Safari, and wouldn't work in Firefox or IE. Any help would be greatly appreciated so i have these 3 files, frame.html, menu.html, and page.html frame.html sets up the frameset with menu.html on the left side and page.html on the right side. the page is very large and scrolls and has a bunch of named anchors in it, and the menu doesn't scroll so its always visible no matter where on the page you are. so u probably get the idea by now. normally if i want to have an anchor link in the page i would just say href="#anchorname", but instead i want to have links in the menu frame jump to anchors in the page frame, so that someone could browse the page very easily without having to scroll all the way back to the top for all the anchor links. is that possible, and how would i do it? |
|||||||