Someone told me this can be done using javascript. How to make a Image Text Generator. What I mean is, like this [URL]. So I have a input textbox so how do I make it take that information then get the corresponding image (a.gif b.gif c.gif etc...) then display them.
View 14 Replies
I have used the below code, found on a forum from 2006, to generate a random image on my website with a link and accompanying text.The image works fine, the link that goes with each image is fine.Problem is: the text beneath the image does not match the image and link. This seems to be generated as a separate random element. Can anyone tell me how I can make my site display image 1 + link 1 + quotation 1?
View 6 Replies View Relatedincluding links to an image folder, for displaying 6 fullscreen images in random order without repeat for a given user?I've seen specific examples using shuffle on the site, but could anyone write a general code for any given images?
View 5 Replies View RelatedMy assignment is to create an online quiz with a random image generator. I have created my online quiz using 5 linking files and everything works great. My only problem is getting the images to show up on my quiz. All I get is the filename with a red X. Which the files do show up at random when I refresh, so I know that part is working. I just don't know what I am missing to get the actual picture to show up. Please keep in mind this isn't the whole code as I have different linking files for this assignment.
<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN" "[URL]">
<!-- Assignment CH10 Solution -->
<html xmlns = "[URL]">
<head>
<title>Online Quiz</title>
<script type = "text/Javascript">
<!--
var rimg = 0;
var pictures = [ "logo", "logo2", "logo3", "logo1", "cover" ];
function randpics(){
var myQuiz = document.getElementById( "myQuiz" );
rimg = Math.floor( Math.random() * 5 );
myQuiz.logo.src = pictures[rimg]+'.gif';
myQuiz.logo.alt = rimg + ' : ' +pictures[rimg];
} function checkAnswers() {
var myQuiz = document.getElementById( "myQuiz" );
if ( myQuiz.elements [ 0 ].checked )
alert ( "Congratulations, your answer is correct" );
else if the answer is incorrect
alert ( "Your answer is incorrect. Please try again" );
} end function checkAnswers
-->
i added a random text generator at a page and it doenst work!
View 9 Replies View RelatedI use sprites for rollover effects so the hover attribute just changes the background image position. Everything works cool with the rollovers. What I would like to do, is make a text link that when rolled over will change a separate background image to it's hover state. I should add, that the the rollover image has it's own div and is separate from where the text link is located. To get a visual you can check the website [URL] In the body section I would like to make each of the dark red section titles a link that when rolled over will change the hover state of the corresponding "more" button.
View 6 Replies View RelatedBelow is a Random Quote generator script I found on the net, its a great script, but I want the quote to be in bold, how is that done please?
<center>
<font color="#71025F" size="2" face="Verdana,Arial">
<script language="JavaScript">
//
var Quotation=new Array() // do not change this!
[Code]...
how to make an image/text to scroll as the user scroll the page also? for example if the user scrolls down image/text also scrolls down and when the user scrolls up image/text also scrolls up..
View 6 Replies View RelatedI've been looking all over the place in order to find a script like they use on Foliostars, where you see a sliding semi-transparant text layer over a thumbnail image when you hover. how to achieve this using JS or an Ajax framework (preferably JQuery)?
View 2 Replies View Relatedhow can I make simple mouseover image tooltip on the little cubic image in the first column of every row - when it's mouseovered, the image of current book, which is in that row, should be in tooltip.The name of every the image in folder "slike" is exactly the same name as the value of "slike" in xml for every book(knjiga)!
View 6 Replies View RelatedI was wanting to know how to properly make an image change when you hover over the main image.URL...And I want ALL the images to change as soon as you hover over each image.Now here's the problem. Whenever I layout my coding like that, when I hover over ANY image, an image I don't want to change, changes.So is there any way that I can get ALL images to work without having to create external JavaScript files?
View 4 Replies View RelatedUsing a UI dialog I'd like to load in 10 or so images. Each would be unique and after you click on one the following needs to happen:
1. Image appears on the parent page in a specified ID.
2. A "hidden" field is updated so that when the user submits the db is updated with their selection.
3. Dialog closes automatically.
That's it. Basically it would work similar to "datepicker".I'm using the latest 1.4 and ui and been making great progress as learning basics. I need to do the above and it seems like such a no brainier and or it should already exist but after 2 days of searching and trial and error...
I want to make an moving image. In time it should change to other image with other button. Also it could be changed by user. The change should be dynamic like moving from left to right.
View 1 Replies View RelatedI am new to javascript, and am having an issue, which I'm sure is elementary.. I found a script for expandable content, it suffices fine. As it stands, the script toggles images onclick. For example, whence the menu is collapsed, it displays "plus.gif" next to it, and when the menu is expanded, it displays "minus.gif" next to it.
Basically, what I would like to know is, thus: how would I change it to display text icons next to it? For example, in place of "plus.gif" I should like it to display "+" as actual text. I've dredged a number of places, however, I've found nothing. Furthermore, I cannot figure out how to do it.
I've been following this tutorial (and it works great)URL...Just cannot figure out how to make one of the Text Fields a Text Area with cols="45" rows="5".Every combination I've tried turns off the validation. I've already added completely different text fields from what are shown in the tutorial so I know how to change up the javascript I just can't get the Text Area right.
View 3 Replies View RelatedI am preloading some images, so prior to the downloading I have:
In Mozilla: initially WxH = 0x0 ... after img downloaded WxH = good# x good# the div just stretches just the right amount to fit snuggly around the newly loaded image;
But the other browsers do different things;
My current solution, which works, uses a new Image().width approach where I manually resize the container div;
How to get the other browsers to automatically resize the container divs;
How can I create a text input field which has a value displayed by default and when a use clicks in the filed, it disappears? Similar to a "search..." box - when a use goes to search, the "search..." text disappears.
View 1 Replies View Relatedim new to javascript and im working in this function , i can't get it work :(here is my code
<SCRIPT LANGUAGE="JavaScript">
function text(form1) {
var j = document.form1.diary.value;
j = j.italics();
document.form1.diary.value = j ;
[Code]...
I cannot get javascript to change an image to make a "pressable" button when select areas of an image map are clicked. I used index.html for testing purposes.
<body>
<img name="light" src="standard-light.png" width="60" height="180" border="0"
usemap="#lightmap"></a>
<map name="lightmap" >
[Code].....
My form allows the user to assign colors to different fields that are then
used in a java piechart/barchart applet as the colors of the different pie
sections/bars. It can be tedious assigning colors even with my color pic
tool especially as the number of different colors increases. The application
is data driven so it may end up requiring any number of colors up to about
100. Of course you want the colors to be as different as possible.
It would be nice to have an "Auto" button to click that will then fill out all the
color fields with a properly generated set of colors - that is colors that
are as different from each other as possible. Random colors won't do as you
might end up with very similar colors. Is such a program possible?
I'm building a name generator where a person puts their name in and gets a different name out. I've set it up so you have to put in something.
When I test it it tells me I haven't put a name in, but obviuosly I have. I can't see where the code is wrong. Here are the relevant bits, I've cut out all the other code:
I have a piece of code that randomly picks a line from a preset list and displays it whenever the page is loaded. I'm using it to generate random quotes on my pages.
At the moment, there seems to be a good chance that when the page loads no quote appears at all, just a blank space.
Anyone know why this could be happening?code...
I have a problem with a random link generator within a DIV. When I try it on my desktop it works fine, but does nothing once I upload it to the website.how to explain what happens, but here is it, more or less:The website is this: http:[url]....
Via an Ajax script, http:[url]..... is loaded into DIV "menu". Here's the script:
<script type="text/javascript">
ajaxpage('menu.html', 'menu') //load "menu.html" into "menu" DIV
</script>
Well, there's another load of stuff inside the <head> tag. You may see it from the main page source code.Anyway, if you go to the menu.html, the link generator will work there as it is intended; however, if you try it from the main page, it won't do anything. But people are not suppossed to go to menu.html. They are suppossed to load it from the index.html (I mean, plain http:url....)So, here's the link generator code:
---------------------------------
<script type="text/javascript">
function randomlinks(){[code].....
I believe this could be solved if I could target the generator to the whole window, 'cause maybe it's trying to open the new page inside the DIV. Well, I don't know...
I'm programming a styles generator for the Stylish add-on. What I want is the same thing that when I click on the button "Install with Stylish" : A Window appear to ask user if he wants to install the script with Stylish. I saved the website page on my desktop and opened it. Obviously it did not worked, nothing happens when i click. I also changed the path for javascript file in the html and so on.. There is a XMLhttprequest() function wich opens the url of the style ending by ".css". But I replaced the url by my file path (by a locally file) and I replaced the statut (200 by 0, because I'm working on a local file).
But whatever I do, nothing happens when I click. There is also a function called firecustomevent() who creates the event, but my knowledges are limited at this point. I read document on mozilla website on how to call an event but i can't get it to work. How to display a windows asking the user if he wants to install the style. The url containing the javascript is a simple style url like this one : [URL] where you can see the "install with stylish" button. I also attached the concerned javascript in a txt file.
I am looking for a table generator that works with prompts. Something like this the first prompt asks How many rows? second prompt How many columns? third prompt Border size fourth prompt Bgcolor and fifth prompt Create table.
View 1 Replies View RelatedIm using a php simple cms program which allows me to use templates to format my content.
I need help in stripping out (removing) the generated <img src="url"> tag when i insert image. I want to use javacript so its post processed (after the server has interpreted the php code) because I only need to do this in one category of my content.
