I am adding the below text/javascript to an HTML page and I need to get the resulting image centered on the page.
<p>
<script type="text/javascript">
he_width=750
he_height=500[code].....
In a test I have a long table with about 100 questions. All questions are grouped in, let say, 10 "categories", so every time an user answers a question he adds a value to the corresponding "category". I would like to show the user his test results in a new page:
Cat. A 12% (or total points)
Cat. B 18% (or total points)
....
Cat. N 25% (or total points)
A sorted list (ordered from max to min) would be better.
I have ten totals like this document.getElementById('CatA').value = sum; ... then sum 1, sum 2... but i am not able to write each sum to a table in a new page.
note that I do not have server side technology, php mysql or whatever.
I have a problem with internet explorer to show images. Please take a look at: [URL] and click into any image. Using FF, chrome and safari clicking an image show a big centered image with position fixed. Using internet explorer is a full wrong.
View 2 Replies View RelatedWhat I want to do is, when someone clicks a link the image pops up on screen in its own nice window smack down in the middle of the screen over top of the website. I want it to look neat tho, best example I can find is @ curse.com. [URL]. If you click that link and scroll down to the screen shot section and click on one of the images you can see how nice and professional it looks. How can I accomplish this?
View 1 Replies View RelatedI am using Fancybox plugin and works well but for an ajax call the first few calls the popup/modal appears at the bottom of the window but later corrects itself and then is centered.
Here is an example:
Example Link
Click on the 'Foliage', 'Base' or 'Trunk' boxes in the right side column.
Anyone seen this before and know a fix?
Im trying to have a click event that replaces an image on the page with a new image that has been selected randomly from an array. I have solved PART of this already (can get the random image to appear).
However, instead of appearing on the page where the old image was, the new image appears in a blank page.
My research indicates that this blank page location-problem is a result of using document.write in the Function. Therefore, I know I need to find a different way to accomplish this, but am failing miserably.
I have been trying for hours and hours and HOURS to figure out proper syntax for accomplishing this via elements, functions, variables and mootools.
A bit of my research:
-I found this---but havent figured out how to implement it in my scenario:
Source: [url]
-I found this---but havent figured out how to implement it in my scenario:
Code:
Source: [url]
I built a pretty simple Ajax request which needs to send some data to the server and put the resulting HTML in a div. Unforunately, I need to POST the data. I used .post() and it worked fine ... *on Chrome and Opera!* ... on Firefox no data gets posted even though firebug shows the data in it's console. I ended up building the longest possible request, just to try all the options. No luck. As soon as I POST anything, Firefox won't receive the data. If this was a Firefox issue, wouldn't I read about it everywhere? What's wrong?
View 2 Replies View RelatedI'm having a bit of an odd issue with jQuery and Superfish. Sometimes it seems that superfish appears to be loading before jQuery is loaded, resulting a half second to a second of the dropdown menus displaying before being hidden as normal. You can see an example of this by visiting my website, URL...and browsing around on a few pages, especially the blog page where it seems to happen the most.
View 9 Replies View Relatedteaching myself javascript. my current self-challenge is to write a countdown clock that will tick off the days, hours, minutes, seconds until a certain date.i'm thinking that this should be what's happening in the javascript:
get current date/time (using new Date())
get future date/time counting down to (using new Date(2009,7,7))
subtract current from future (Math.ceil(movie.getTime - today.getTime))
convert resulting milliseconds to back to time format (not sure how to do that yet)write result back to html page (not sure how to do that yet, either)loop the whole thing every 1000 milliseconds.is this a workable idea? it seems the most straightforward way of doing it, but other scripts i've found on the web seem much more complicated.
Does anyone know how to open a window that's a particular size and centers it on the screen?
I am implementing a pop up window and need it to be centered. Found this code (below) seems to work good. I need to open it with an image rather than text link.
<script type="text/javascript">
<!--
function popup(url){
var width = 300;
var height = 200;
var left = (screen.width - width)/2;
var top = (screen.height - height)/2;
var params = 'width='+width+', height='+height;
params + = ', top='+top+', left='+left;
params + = ', directories=no';
params + = ', location=no';
params + = ', menubar=no';
params + = ', resizable=no';
params + = ', scrollbars=no';
params + = ', status=no';
params + = ', toolbar=no';
newwin=window.open(url,'windowname5', params);
if (window.focus) {newwin.focus()}
return false;
} // -->
</script>
<a href="javascript: void(0)"onclick="popup('popup.html')">Centered popup window</a>
I used google maps to get the embed code for a google map which I am displaying on a sit I am building. The problem is that when you view it embedded on my page, the location on the map is way off to the upper left corner and barely visible in the google maps iframe. How can I get the google map to load centered on the address? To see what I mean go to [URL] and click the "show map" button for the Troy Location (the first block on the left) to reveal the map. How to get the google map to center??
View 7 Replies View RelatedI have a popup div that appears after 30 seconds, right in the middle of the browser window.It's positioned like this, which works great:
#my_form {
width: 520px;
height: 270px;
[code]....
I have a div popup on my test site and i'm having trouble centering it. For some reason (which probably has everything to do with the code) the pop up shows in the middle of the page, as opposed to the middle of the screen. Forcing people to scroll down to see it. You can check it out here: Test page. Is there any way I can code it to where it always shows in a visible
position?
Here's my javascript code:
function toggle(div_id) {
var el = document.getElementById(div_id);
if ( el.style.display == 'none' ) { el.style.display = 'block';}
else {el.style.display = 'none';}
} function blanket_size(popUpDivVar) {
if (typeof window.innerWidth != 'undefined') {
viewportheight = window.innerHeight;
} else {
viewportheight = document.documentElement.clientHeight; .....
And here's the html:
Code:
<div id="blanket" style="display:none;"></div>
<div id="popUpDiv" style="display:none;">
<a href="#" onclick="popup('popUpDiv')">Click Me To Close</a>
test
</div>
<a href="#" onclick="popup('popUpDiv')">Click Here To Open The Pop Up</a>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]">
<head>
<title>Overlay test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#overlay { .....
It works great, however I'll be using this code with a school's website's template. The problem is that the "overlay" div tags would be placed within the container div tags of the template,therefore confining to these dimensions. How can I modify my code to have my div tags not affected by the templates div tags... and have the overlay be center in the browser..
My code that centers html elements fails when the html element is large. For example, I have a list of 443 items, which I break into 3 columns within a div. Therefore there are 148 lines in the div. When I use the code below to center the div, the top part of the div is beyond the top of the window screen.
function centerPopup(){
// Get data for centering
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $(".popupArea").height();
var popupWidth = $(".popupArea").width();
//centering
$(".popupArea").css({ "position": "absolute", "top": Math.floor(windowHeight/2)-Math.floor(popupHeight/2), "left": Math.floor(windowWidth/2)-Math.floor(popupWidth/2) });
//only need force for IE6
$(".popupBackground").css({ "height": windowHeight });
}
I'm using Javascript to change an image on a page without reloading the page. The problem is that my images are various widths (but identical heights), yet each image I change it to uses the width of the first image.
[Code]...
I need a java bookmarklet that does a real simple thing. I need to take the current URL (ie, where the user is when they click the bookmarklet) and append it to a static URL and return the text on the resulting page.For example:
The user is at http:[url]....
The user clicks the bookmarklet.
the bookmarklet takes http:[url].... and appends it to http:[url]... HERE where you see the URL HERE text.That PHP script echos a simple line of text (a shortened URL actually).Then I want that result from the outside_create.php file to be displayed in a window back to the user.Is this even possible? Basically I need to know how to append location.href to a static URL and how to get the resulting content from the static URL..
Explain why when the lines of code that are commented out are reintroduced that this code breaks instead of resulting in each of the four circles being a different color?
View 2 Replies View Relatedi'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 have a div wrapped around spans, and each span containing nothing but text (client testimonials)... I'm trying to get the spans to cycle through and it works wonders, except the Cycle plugin causes my spans not to be centered within the div.So I looked through the plugin source and noticed:
$slides.css({position: 'absolute', top:0, left:0}).hide()
I figured the absolute positioning was my problem and changed left:0 to left:50%and although it centers, the slide is broken and all my spansappear at once.
For one project i am suing jdMenu to power up the drop down menu system. I am interested for the second level of the menu to position the <ul> at 50% on the parent <li>, like on[URL]...
Using css this is not possible since the ul has the size in em and the parent li have the size in %. So have to use a different method...
im looking for a javascript code that will open a window in 100% width, no toolbars, no menubars, no statusbar, nothing but the page conent basically but for it to all be centered on the screen vertically
View 1 Replies View RelatedI am trying to launching a centered browser window via a form-button using the following code...
<button type='button'
onClick="window.open('myURL','testwin','width=400, height=400, left=(screen.availWidth-400)/2, top=(screen.availHeight-400)/2'); return false">
Test button</button>
The new browser appears the correct height and width, but the left and top clauses are ignored.Am I being too ambitious trying to make this code in-line? Is there any other syntax I should use or should I give-up and call a function instead (I would rather not if I can avoid it)?I am using Firefox 3.0.17 (latest), but the same effect happens in IE7.
I am trying to launching a centered browser window via a form-button using the following code...
<button type='button'
onClick="window.open('[URL]','testwin','width=400, height=400,
left=(screen.availWidth-400)/2, top=(screen.availHeight-400)/2'); return false">
Test button</button>
The new browser appears the correct height and width, but the left and top clauses are ignored. Am I being too ambitious trying to make this code in-line? Is there any other syntax I should use or should I give-up and call a function instead (I would rather not if I can avoid it)? I am using Firefox 3.0.17 (latest), but the same effect happens in IE7.
I have several pages that work as expected - a bottom_menu.js script writes some links to the document, and thte results are centered. Then I had to mod a page because I had only 11 items rather than 12. Now the bottom_menu.js script results ends up left justified. How to make the results be centered.
View 1 Replies View Related