|
HTML - Dynamic Text When Mouse Clicks Image Link
I have a website that I'm using as a test project of sorts. The link is he http://www.RyanzLair.com/OnTheFarm/index.html
What I'm wanting to do is, when the user clicks on one of the thumbnails, for there to be a dynamic text box above the image in the main window that will also change depending on the picture. Basically I'm wanting to caption my photos. Right now I'm using a php script to load the pictures into the main window (so I don't have to create a separate page for each image). I'm new to all of this, so I don't know if you need me to copy and paste any code or what not, but I can get whatever you require to help out. Thanks! Similar TutorialsHi Is there a way to hide my url when a user clicks on a link on my page that directs them to another site? Basically I don't want other web-sites to see that visitors came from my website. Hi, My problem is i can a marquee scrolling up inside an image, but on different browsers load the text in different places. Is there a way i can code it so the text position is relevant to the image or will i have to maybe make it one image somehow? Thanks Tom How can I get certain links to change color when the mouse hovers over it? I found this site: http://www.computerhope.com/issues/ch000075.htm, that explains how to do it, but my situation is a little more complicated. I only want certain links to change color, not every link on the page. Specifically, I want only those links that are members of the class "menu_links" to change color. I have something like this: Code: <styles>
a.menu_links {
...
...
...
}
</styles>
.
.
.
<a class="menu_links" href...>...</a>
How can I integrate the notation given in the link I provided (i.e. A:link, A:hover,...) with a class name? I tried things like: Code: <styles>
a.menu_links:link {...}
a.menu_links:hover {...}
</styles>
and Code: <styles>
a:link.menu_links {...}
a:hover.menu_links {...}
</styles>
but these didn't seem to work. Any suggestions? Does anyone know if there is an HTML code, were when you click at a certain point on the screen, it is a link to another document? I have set up a navigation bar with mouse over & links. They seem to work fine however when I try to label the buttons using a layer of text they dont seem to work anymore. The mouse over changes color correctly and the click on the button works fine EXCEPT where I placed the text over the nav button. In other words I have a dead spot where the text appears on the button. I need to have a total of eight buttons on the page so I am trying to avoid creating a total of 16 graphics (2 for each button). I tried to play with the layers of the text but that did not help. I am fairly new at this so please forgive if this has been asked. Thank you. Hi all, I'm looking to change the text of a link on my website. For example; I want "Link 1" to change to "Coming soon" when the user rolls their mouse over the link. I've searched for the forum but I couldn't find anything that covered the same question as mine. Hopefully someone will be able to help me with this. Thanks! Hello. Im beginner in html. I have icon and when i click on it, a link will open. I would allso like to do this: when mouse is on the icon - a textbox will appear with a text "NEW product!". The Textpox shoud not be any larger that the text itself and i like to know how to position the textbox. I hope it should be simple. Can someone please give me an example code? Thank u! I myself am a beginner at html, and I was wondering if someone could (if possible) make it so that when a user clicks an image, the image will change to another image and will change back when someone clicks it again? I am looking for a way so that when a user clicks this: It turns into this: And back again when clicked again. I need this to show for all users too. So if a user on 1 computer clicks the button, it switches, and then a user on another comp sees the images clicked, and can click it to change it back to normal. Is there a way this is possible? In Javascript, PHP, or mysql? Thx I was wondering if someone could give me the javascript to make text change color or size or make bold when mouse moves over. Thanks for the help! I am working on my 3rd navigaition, except this time i need the images to change when the mouse goes over them. How should i go about doing this? I have seen many ways but i want to hear what you think the best way to do this is. I am desiging some webpages. so if we see this website www.symphonysv.com, there we can see some text in the middle row. when we point those texts with mouse, the image in the side changes. How to do this........... Thanks, Vinutha. Well, I think that's what it would be considered. Anyways, I have a simple project where I'm making a website that has a drop down menu with a list of items. I also have a table which will define the items. What i want to know is how to change the text in one of the table boxes when a new item in the drop down menu is selected. This is the code i have so far... Code: <html>
<head>
<title>
My Definitions
</title>
</head>
<body>
<script type="text/javascript">
var define= new array()
define["Unicode"] = "unicoded"
define["Hexadecimal"] = "hex"
define["Binary"] = "bin"
define["Compiler"] = "compil"
define["Interpreter"] = "inter"
define["Topology"] = "top"
define["Server"] = "ser"
define["Overflow Error"] = "of"
define["Phishing"] = "phish"
define["Network"] = "net"
function definition(def)
{
}
</script>
Select a definition from the list:
<select id="list">
<option>Unicode</option>
<option>Hexadecimal</option>
<option>Binary</option>
</select>
<br>
<br>
<table border="1" width="100" cellpadding="5">
<th>Definition:</th>
<th>Pictu </th>
<tr><td>two</td>
<td>one</td></tr>
</table>
</body>
</html>
any help would be greatly appreciated. Is there a way to dynamically create text in html/jsp based on a value the user chooses? I have the following code in a jsp and based on the value of the returntype that the user chooses. The value SSN: has to change to SSN/FEIN: depending on what is choosen in the return type drop down (note, the change has to be in the text and not the inputType field). Is there an easy way to do this? Here is the form code... <form action="CompareData" method="post"> <center> <table cellspacing="5" border="0"> <col width=450> <tr> <td align = "LEFT" colspan=2><b>Please enter the parameters below to retrieve the information:</b></td> </tr> </table> </center> <center> <table cellspacing="5" border="0"> <col width=200> <col width=100> <tr> <td align = "LEFT"><b>SSN:</b></td> <td><input type="text" name = "SSN" value="000000000" ></td> </tr> <tr> <td align = "LEFT"><b>End Year:</b></td> <td><input type="text" name = "ENDYEAR" value="2007" ></td> </tr> <tr> <td align = "LEFT"><b>Num of Years:</b></td> <td><input type="text" name = "NUMYEARS" value="2" ></td> </tr> <tr> <td align = "LEFT"><b>Return Type:</b></td> <td> <select name="ReturnTypeDropDown" > <option value="WI">WI</option> <option value="IRS">IRS</option> <option value="Informational">Informational</option> </select> </td> </tr> <tr> <td><input type="hidden" name="RETURNTYPE" value="" ></td> <td><input type="button" value="Retrieve" onClick="validate(this.form)"></td> </tr> </table> </center> </form> Right - I am looking for way to do the following... I want to have a 3 URLs on a page > something like Code: <a href="http://www.somesitesomewhere.com" alt="no 1">Click here for option 1</a> <a href="http://www.somesitesomewhere.com" alt="no 2">Click here for option 2</a> <a href="http://www.somesitesomewhere.com" alt="no 3">Click here for option 3</a> which will take the viewer to another website landing page which will have a body of text that will contain an area that will be changed depending on which of the above links has been clicked... i.e.: Code: <p>this is copy for the body of the landing page. You clicked option {dynamic_text}, nice choice.</p>
So the "alt" state appears dynamically - I know that the link will have the dynamic text elsewhere in the anchor tag (not in the 'alt' tag) - but am not sure where/how to implement. Can anyone help? Cheers YB How do I Link text in a div, h1, h2, p to an external text file or xml file - I don't really know how to ask the question. I think I need an xml file that can be easily edited by a user saved to the server to update an xhtml page text without the user getting bogged down in html. I don't want to use joomla or cms. <Any ideas />? Best wishes, mas Hi, I want to create a header (<h1>,<h2>,...) like on the picture (see attachment) with html and css. It is possible to create sth like that without using pictures? Thanks Hello Everyone, Can anyone help me with my html problem?? I have a form showing one chunk record at one time. This record is from a table. I want this form to bold certain text from that chunk of record. Since the record is not hardcoded/type inside the form. I want the bold funtion to be dynamic. Let say, Record one: I have an apple. I want to eat it now. Record two: I have a strawberry. I dun want to eat it now. First case, I want to bold the whole first line,with the word 'have' in it.. But this line can be anywhere in the page.. It doesn't always have specific position as long as the sentence have the word 'have' in it. Second case, I want the script to bold the word 'want' every time it finds it.. And only that word! Can anybody help me on how to do this.. I really dunno how to? Hello. I'm new here so I'd like to apologise for two things: 1. The possibility that I've posted in the wrong forum section - the problem contains what I believe to be an HTML issue primarily, as opposed to CSS; although I'm probably wrong due to my inexperience with web design. 2. That I haven't worded my title properly or that this problem has already been resolved. I've tried searching numerous forums but I'm having difficulty expressing myself articulately and consequently, I can't find anyone with a similar problem. Here's my problem: I'm building a website which contains the owner's latest tweet on the page, in this instance it's at the top. I'd like this text: 'Latest tweet:' to appear on the left-hand side of the actual tweet and for both items to be aligned to the centre of the X axis. Typically, all the options I've tried have resulted in 'Latest tweet:' appearing above the tweet or being occluded by the tweet. A simple solution would be to create a div containing 'Latest tweet:' and position it next to the div containing the tweet. The problem here is that the 'Latest tweet:' text will remain stationary, whilst the tweet will grow or shrink dynamically, depending upon the number of characters in the tweet. This will usually leave an unsightly gap between 'Latest tweet:' and the tweet. Is there any way I can get 'Latest tweet:' to appear right at the start of the tweet, regardless of its size? Here is a crude illustration of the gap:- Latest tweet:____________"This is a relatively small tweet." Here is what I'd like to happen:- Latest tweet: "This is a relatively small tweet." The relevant (I think) code is pasted below. I'd really appreciate the help of anyone who's reading this - even if you're not sure yourself! If you need more information or code then please let me know. I don't have a working link yet but I could upload it if necessary. Best wishes, thereisnoteapot. PS HTML <div id="twitter_div" style="position: relative; top: -35px; height: 35px; font: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-style: italic; font-size: 14px; display:inline;"> Latest tweet: <p id="twitter_update_list"> </p> </div> CSS #twitter_update_list { list-style-type: none; } #twitter_update_list span a { display: inline; color: #fff; } Good day guy's. Im very new to html programming and scripting, but I was wondering if it would be possabe to insurt a dynamic label field in you body where to content must be fetch from a notepad or wordpad ( /docs/someting.txt ) Thanks I am trying to make a page that has a DTML (dynamic expanding links), and a right hand column - Below is my code. I want to make the right hand colunm (most common questions grey area) a fixed height. It seems to be the length of the page as if all the menus are clicked on and opened even if they are closed. How can I make it a fixed height regardless of how many links (dhtml) are opned or not so that most common questions are no longer than say 500 pixles. Any suggestions would be handy. I can send code / page as its to long to paste here! Thanks, Ryan |
|||||||