Response title
This is preview!
- Screen name: glen.col
glen.col's Profile
4 Posts
4 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- Hi,
I'm trying to bind fonts from a DropDown menu into the text typed in INPUT box and displaying it in a P tag. Can you please help me how to go about it. I tried some ways...
here it what i tried so far
<script type="text/javascript" >
function txtFunction() {
x=document.getElementById('inputText');
y=document.getElementById('displayText');
y.innerHTML=x.value;
x.value='';
}
</script>
<style>
p{line-height:25px; text-align:center; padding:50px 0 0 0;}
.displayBoard{ background:url(longsign.jpg) no-repeat left top; width:470px; height:165px; margin:0 auto;"}
</style>
</head>
<body>
<div style="width:470px; margin:0 auto; ">
<div class="displayBoard">
<p id="displayText"></p>
</div>
<!--for Text-->
<input type="text" id="inputText" style="width:300px; margin:25px 10px 0 0; border:1px solid #AC674A; height:40px; " />
<select style="width:300px; margin:25px 10px 0 0; " >
<option style="font-family: Andalus" value="Andalus.ttf">Andalus</option>
<option style="font-family: Arial" value="Arial.ttf">Arial</option>
<option style="font-family: Calibri" value="Calibri.ttf">Calibri</option>
<option style="font-family: Comic Sans MS" value="Comic Sans MS.ttf">Comic Sans MS</option>
<option style="font-family: Euphemia" value="Euphemia.ttf">Euphemia</option>
<option style="font-family: Gabriola" value="Gabriola.ttf">Gabriola</option>
<option style="font-family: Georgia" value="Georgia.ttf">Georgia</option>
<option style="font-family: Impact" value="Impact.ttf">Impact</option>
<option style="font-family: Narkisim" value="Narkisim.ttf">Narkisim</option>
<option style="font-family: Palatino" value="Palatino.ttf">Palatino</option>
<option style="font-family: Sesame" value="Sesame.ttf">Sesame</option>
<option style="font-family: Sylfaen" value="Sylfaen.ttf">Sylfaen</option>
<option style="font-family: Tahoma" value="Tahoma.ttf">Tahoma</option>
</select>
<div style="clear:both;"></div>
<input type="button" value="Submit" onclick="txtFunction()" style="float:right; margin:25px 10px 0 0; " />
</div>- Hi,
Has anyone heard about Anglo jQuery? I was stumped when somebody asked me.
Any website for more inputs? Also, how many of these kinds are there? (if et all)
Thanks in adv...- Hi, I'm Trying to do a custom drop-down using jquery.
<select>
<option>Please select a name</option>
<option value="1">Tom</option>
<option value="2">Jerry</option>
</select>
I don't want 'Please select a name' to be part of drop-down. It should be there as a link and the drop-down icon on the right (aligned with it). when clicked on it, the option list should appear below. When clicked on for eg., Tom it should replace the text 'Please select a name'. I tried it with disabled and other jquery like remove(),. update() etc. but its not working.
Can somebody help? thanks in advance.
Glen- 12-Nov-2013 07:14 AM
- Forum: Using jQuery
I have a project to do in jquery, some help would be helpfull.
When clicked on a single image, it should display 2 images with hyperlinks and a message. There is also dropdown box.
Example:
When I click on tiger.jpg it should display its food chain that is goat.jpg and deer.jpg (2 images)
Secondly, goat.jpg and deer.jpg should have hyperlinks when displayed. When i click on goat it should take me to goat.com, when clicked on deer it should take me to deer.com
Thirdly, there is a dropdown menu with options like tiger, lion, eagle etc. If I select Eagle, then the Eagle image should appear, and when clicked on eagle snake image and rabbit image should displayed with hyper links.
I know this is too much to ask, but im trying this for last one month and not getting it. You help would we appreciated...- «Prev
- Next »
Moderate user : glen.col
© 2013 jQuery Foundation
Sponsored by and others.
