JavaScript - Highlighted Div
Hi everyone. I'm trying for a while to make a div with a title and a list that is highlighted with rollover. I've made a graphic to exemplify what I'm trying to make.
I have tried to use the BigTarget.js and the fitted.js without any luck. Can anyone help me on this please? Thanks Similar TutorialsHello All, I am a JS newbie and I'm wondering if there a way to figure out the sentence from which a word has been highlighted. Essentially, when a user selects a word or a phrase, I should output the sentence from which it's been selected. Is this possible with JS or with any server side languages? - Pallav hey all, i'm using this script below that highlights the current link clicked. My site is a horizontal scrolling site so the links just redirect to different parts of the page. My problem is is that when the page is refreshed the current link is forgotten and the home link is highlighted, even though the page stays in the right place. Is there a way to keep the current link highlighted? here's the js code: Code: $(document).ready(function(){ $('#nav a').click(function() { $('#nav a').removeClass("selected"); $(this).addClass("selected"); }); here's the html code Code: <style type="text/css"> #nav .selected { opacity:1.00;} #menu .clicked {color:black;} </style> <div id="nav"> <a href="#home" id="hlink" name="home" style="margin-left:130px">home</a> <a href="#foamo" id="flink" >foamo</a> <a href="#book" id="blink" >book</a> <a href="#portfolio" id="plink" >portfolio</a> <a href="#contact" id="clink">contact</a> </div> Thanks Hello, I have tried on many forums, mayby here I will find answer. I have many divs with spans inside(just like it is below-no extra ids,classes for spans:/). Code: [...] <div> <span style="color:red;">a</span> <span style="color:blue;">b</span> <span style="color:white;">c</span> </div> <div> <span style="color:red;">d</span> <span style="color:blue;">a</span> <span style="color:white;">a</span> </div> [...] What I would like to achieve: user selects with mouse "ab", click button(input type=button) which remove style from selected span/spans. Similar behavior like it is in TinyMCE. I have a popup window which display a list of values in a tabular form. I have no problem to do the popup or display the table. The table has two columns; one is the "code" and the other is the "description". When a row is highlighted and the "SELECT" button in the popup window is clicked, I am supposed to pass the "code" of the highlighted row back to an input textfield in the parent window. And I am struggling with it. Would anybody kindly help? |