so just a simple questions maybe someone can help me out. I know nothing about java first of all but i do know in this code how to get rid of the comma - the only thing i need to change is to make it paste email results vertically instead of horizontally because it helps me collect emails from some older emails i have
here is the code and the link for the code:
[Code]...
I'm using the following piece of code to create a link that, when clicked, uses jquery animation to slowly display a paragraph of text. The trouble is that the animation goes both vertically and horizontally, making it look a little too busy/cluttery. How can I tweak my code to make it only animate vertically?
View 2 Replies View RelatedOriginally posted this in the CSS/HTML forum but I was recommended to posting it in here as it seems the solution I'm after would be JS based.Here's the build site so far, a little messy but you should be able to see what I'm after.[URL]...When you click the SHOWS link, I have a scrollto that scrolls horizontally to another (unfinished) div. What I want is for the logo box & navigation box to scroll along with the page, fixed horizontally. But when the user scrolls vertically through content, such as the stuff on the home div, I don't want the logo & nav to scroll.
I found this [URL]... via googling, but I can't make much sense of it as I'm very much a JS noob. I've tried to change element id to that of mine but it didn't do anything.
I'm working on a blog design. (See code below.) I'd like to fix #title vertically so that when people scroll down the blog, it stays in view in the window. I couldn't think of a CSS way to do it. Using position:fixed doesn't work because if someone is viewing the site from a netbook, or simply from a downsized browser on their normal computer, #title is either cut off -- if it's positioned relative to the left -- or it overlaps the blog content -- if it's positioned relative to the right.
I've read suggestions to use Javascript but my Javascript skills are practically non-existent. The suggestions were to use an onscroll handler, and to use scrollTop. This is what I wrote but (probably for obvious reasons) it isn't working:
Code:
window.onscroll = verticalFix();
function verticalFix() {
var sidebar = document.getElementById("title");
sidebar.style.top = .scrollTop(30);
[Code]...
i've been wrestling with this issue for the last hour. I can't seem to get thiscentreddiv to animate properly.What it currently does:A small div, (10x2px) expands to full 100% width and 100% height. However, it expands in the bottom right hand corner of the screen.
What I am trying to get it to do: To expand equally in all four directions.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code].....
I'm trying to get some thumbnail images that are displayed with ClueTip to be centered vertically & horizontally. The images are various sizes, though none is larger than 150px on a side, so I set ClueTip to have a width & height of 200px. The images are wrapped in a div so that I can have them display: none by default, yet assign display: block to the images themselves.
div.DownloadStatsThumb { display: none; vertical-align: middle; }
img.DownloadStatsThumb { display: block; margin: auto; }
The markup looks like so:
<a href="#" rel="#thumb_456" title="">foo</a>
<div class="DownloadStatsThumb" id="thumb_456">
<img src="/path/to/some/image.jpg"
width="150" height="101" alt="thumbnail image"
class="DownloadStatsThumb" />
</div>
The images are always aligned left & top. Eventually, I figured out that it was div#cluetip-inner that was the culprit. While the outer div has a height and width, the inner div has display:inline-block and so was shrinking down to the img size, essentially. I then added:
onActivate: function(e){
$('#cluetip-inner')
.css('display', 'block')
.css('width', '186px')
.css('height', '186px')
.css('vertical-align', 'middle')
.css('background-color', '#000');
return true;
}
The 186px is to avoid getting scrollbars and the BG color is to assure myself that it's resizing ok. However, the images remain centered horizontally only. Is there something else I've missed?
We have jcarousel on our forum site which rotates automatically. It is vbulletine forum. In fact originally it was working fine with old design and rotating images automatically in horizontal direction with a set of 5 images visible at a time and total 12 images in set.But we have upgraded our forum design in last week and I started getting issues with Jcarousel scroller.[URL] At new design when we implemented jcarousel scroller it is showing only one image in a horizontal row at jscroller and it disappears immediately and after 3-4 min it do reappear again. When I inspected it using firebug I have noticed that other images are coming below vertically not horizontally, really strange. Also I noticed another thing is that it is not updating width at element.style in firebug for UL tag. It is showing fix width 220 px all time. I think due to that all images appearing vertically one after one rather than horizontally.
<style type="text/css">
.jcarousel-skin-tango .jcarousel-container {
-moz-border-radius: 0px;
[code].....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Is it just extraneous code possibly? It seems to be ok (from right to left) in Firefox 3 but using IE and Opera, it scrolls from btm to top and I cannot figure out why.
I have this script here but im struggling to add commas to the output to seperate the figures. e.g. rather than 10000, I would like 10,000 here is the script:
This year approximately <span id="fires" ></span> people have died in a fire.
How do I remove the resulting comma from the output in this sort snippet?
<script type="text/javascript">
var arr = new Array()
arr[1] = "C"
arr[2] = "B"
arr[3] = "A"
document.write(arr.sort())
</script>
Gives me: A, B, C
Needed: A B C
Firebug's console is showing when visiting my test.html page Headers, Post and Response. In the Post tab it is showing: "id 9". I need to create a new page and get that 9 in it so I can use it. I don't mind jQuery, Ajax or Javascript but I need that 9. I know that with php I just need $_REQUEST["id"]; but I cannot use php.
View 5 Replies View RelatedThe background of this thread is about CAPTCHA:
HTML Code:
<script language=javascript>
id=Math.round(Math.random()*2)+1
document.write("<img src="+id+".jpg>")
</script>
above is the js code I use to generate a random id, which in effect displays id.jpg on the web page (assume we have id.jpg in the right folder).
When a user sees that page, he is going to choose what word describes the picture best. (purpose of CAPTCHA: verify the user is a human)
HTML Code:
<select name="selected[1]">
<option value="">Click to identify</option>
<option>Clock</option>
<option>Dog</option>
<option>Ship</option>
<option>Tree</option>
</select></td><td>
The selection is sent to backend php script using POST method.
Here is my problem: In the php script, I know, for example, the user chose Dog to describe the mysterious jpg generated by js code. But there's no way for me to know the id of the jpg file generated by js code. Hence, I will not be able to check whether the user chose a valid description of the jpg file.
How can I send information about the id of the jpg file to the php script?
Does anyone know of a good library/function that will add the commas to a number automatically as the number is entered into a field?
View 7 Replies View RelatedI'm quite new to JavaScript, and I'm having some trouble with the sort method. I have it outputting the information I want it to, I just want to change how the output is shown.
Right now it is showing everything separated by a comma (apple, banana, orange, etc.). I was wondering if there was a way to change it so that there is no comma separating them, but instead have a line break after each word?
I'm working on a form that I can add additional fields to dynamically (select fields and text input fields). I do so by clicking a button, which calls a javascript function, which in turn adds elements to the DOM. However, only the hardcoded (non-javascript created) fields are being POSTed. I assume this might have to do with the fact that the form uses tables to lay the fields out. The basic structure is similar to below:
[Code]...
Is it possible to make it so that when someone presses a certain key, or sequence of keys, on their keyboard a picture is posted instead of a letter? As in, if I type shift+c in a textarea or input box could an image be placed inside the textarea or input box instead of a "C"?
View 14 Replies View RelatedI've a textbox field, where user enters his name. I want to restrict
him from entering double and singls inverted commas.What kind of
function should i write.
I want to accept both commas and dots in my calculator. How to do this?
function compute(form)
{
get Index value for width
var wt = (form.width.options.selectedIndex)
[Code]....
does anyone know if there is a way to strip an entire form upon submission, of commas? i can do it field by field, but since there is over 30 fields, it seems a bit silly, if there is a more efficient way of doing things...
View 1 Replies View RelatedI'm using jQuery's tablesorter.js to create tables with sortable rows. It works fine on both text and numerals - but only if they have no commas. For example, the following column would sort properly:
[Code]...
I have an expression validating email addresses but it seems there is a loophole. If a user enters a comma this is accepted. how i can modify the following to disallow commas?
validRegExp = /^[^@]+@[^@]+.[a-z]{2,}$/i;
strEmail = document.form1.df_email1.value;
if (strEmail.search(validRegExp) == -1) {
[code].....
This is similar to how forums work. I can't seem to find a way to do this so it's probably not available. Just thought I'd ask anyway.
View 1 Replies View RelatedI was looking at the docs and saw this one here: [url]
So I was trying to run the code posted on this doc locally which would be:
And it runs fine, but, my problem is if I save the these files locally:
It wont run anymore.
The modified code looks like this:
I have a form which submits data to a php file, which than sends a pdf file containing the inputted data via php headers. So after the submit, you still see the page with the form on and get a pdf-download now I want to see if the pdf download-window came up and if so, redirect the user to another page (instead of the page where the form is on), but the window to download the pdf should be still there so the user is still able to download the file.
View 1 Replies View RelatedI am using ajax in my site and want to implement a friend request button. When a user clicks this button their userid and the userid of the friend thwey are requesting will go into a table called notifications in my mysql database. This works fine in regular html/php with javascript disabled but not when using javascript/ajax.
Here's my code which may clarify things:-
Code:
<script type="text/javascript">
function makeRequest(friendrequestloggedinuserid, friendrequestuserid)
{
if (window.XMLHttpRequest)
[Code]....
The above code works perfect if javascript is disabled and the button is clicked as the new row is inserted into the database however if javascript is enabled the alert shows inidicating the ajax file is working but the new row is not inserted. Is this something to do with the POST process between my javascript code and my ajax_processrequests.php file?
BTW $loggedinuserid and $userid are retrieved earlier on in my code but showing how they are retrieved is irrelevant to this because I know they are present at the point of the above code.
How do I link a cookie, presented in a div, to a text box on the same page - so it can be searched?
Now I have a search box that link to the Google Maps API. I also have the two most recently search items to show up as cookies below the map. My goal is to have the cookies show up as links so that when you click them, they show up in the text box to search.
I'm thinking of three ways to do this and wonder which is the best way to do it.
1) Can I just adjust the div tag to link to the text box?
2) Can I adjust the function relating to how the cookies are posted on the page?
[Code]...