How Can I Make A Dorp-down List Text Centre Aligned
Feb 11, 2005I want to make the drop-down list text aligned centre.
View 3 Replies
ADVERTISEMENT
Positioning - Moving Objects - Make The 'pivot' Point In The Centre Of The Image
Feb 22, 2009I have some moving objects & they are using the top left spot of the object to 'hold' or 'pivot' off. how i make the 'pivot' point in the centre of the image. I think it is somewhere in this section of code:
[Code]...
Centre A Popup Window
Jan 24, 2006I have a link, and when it's clicked, a javascript popup appears. However, the popup appears on the right hand side. Is there any way that I can adjust it to make it appear at the centre of the screen?
This is what I have so far:
<SCRIPT language="JavaScript">
function openwindow()
{
window.open("index.php","mywindow","menubar=0,resizable=0,width=725,height=1000");
}
</SCRIPT>
Code Not Aligned - Browser Does Not Support Script
Feb 14, 2009How come when I add my code it doesn't place in on the page where its supposed to be it puts itself to the top of the page:
Code:
<script type='text/javascript'>
function Go(){return}
Menu1=new Array("<img src='images/mboardbtn.gif'>","http://","",0,20,122);
Menu2=new Array("<img src='images/suserbtn.gif'>","http://","",0,0,122);
Menu3=new Array("<img src='images/chatmailbtn.gif'>","http://","",0,20,122);
Menu4=new Array("<img src='images/historybtn.gif'>","http://","",0,20,122);
Menu5=new Array("<img src='images/locationbtn.gif'>","http://","",0,20,122);
Menu6=new Array("<img src='images/cidbtn.gif'>","http://","",0,20,122); .....
function BeforeStart(){return}
function AfterBuild(){return}
function BeforeFirstOpen(){return}
function AfterCloseAll(){return}
</script>
<noscript>Your browser does not support script</noscript>
Centering Left Aligned Site In Browser?
Nov 4, 2009I'm using a javascript to center my absolutely-positioned left-aligned site. However, it's not perfectly centered in the browser and I'd like to fix it. I set the width to 788px (embedded Div Layout CSS). Here is the link to the site: [URL]
Below is the javascript code:
window.onresize=positionPage;
String.prototype.trim = function() { return this.replace(/^s+|s+$/, ''); };
function positionPage(){
Width = 0;
if(window.innerWidth){
Width = window.innerWidth;
}if(document.body.clientWidth){
Width = document.body.clientWidth;
}Left = Math.floor((Width - 992) / 2);
if(Left > 0){
document.getElementById("Div-Layout").style.left = Left + "px";
}}
<!--
function MM_reloadPage(init) {
//reloads the window if Nav4 resized
if (init==true) with (navigator) {
if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW
|| innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
Drag And Scroll Images Aligned In Grid
Jan 10, 2010What I am looking for is to have a database hold a list of images ( or numbers that correspond to images)... that should be easy enough. The part I am having trouble with is having these images aligned in a grid which is inside a window /frame/ box on the web page. The user can click and drag and it will move around this collection of images.....
Like so (numbers represent images):
5 4 3
6 1 2
7 8 9
So if the user clicked and dragged to the right the images would then look like:
4 3 12
1 2 11
8 9 10
The new images are taken from the database and the user can drag in any direction.
Continuous Reel Slideshow Not Aligned In Center
Nov 24, 2010I have two questions:
1) When you check my page you can see the slideshow not being aligned in the center at all but being left-aligned. Is there a way to nicely center the photos in the frame instead of them being left-aligned? Is this css related (I have set the containing div of my slideshow to float:left)?
2) I have the script from here. How can I create another slideshow with different pictures? Is this the instance they are talking about - but how can I enter different URL's?
PHP Drop Down List Selection Populates Second Dropdown List Or Text Box?
Jul 13, 2011I have been struggling on a bit of code for a while now. I need to populate a second drop down list (Region) based upon the selection of the first (County).I have found a piece of code that works on its own and have adapted to suit my needs - see below. However, when I drop it into my main page the javascript is not working. It's because of the formObject but I just don't know enough to resolve this! Furthermore, I need the textboxes the user has already completed in the form to retain their value once the javascript kicks in as the completed form will submit to a database.This piece of code is working well . . . .
<?php
$link = mysql_connect('myhost', 'myusername', 'mypassword') or die('Could not connect: ' . mysql_error());
mysql_select_db('mydatabase') or die('Could not select database');[code]......
Popup Position Reletive To Centre
Jul 20, 2005I'd to postion a pop up windown to appear in a position relevtive to
the centre of the screen, rather than top=200, left=200.
Is there any way i can do this?
Alternatively i need a script that will position the popup in the same
place irellevent of browser window and resolution...
Centre Website/pages In Browser
Nov 15, 2005how can you centre your website in a browser. It can be done using NetObjects Fusion 8, but I'm no longer using it. I'm now using Frontpage 2003, it could of been done using vbscript or javascript,
View 7 Replies View RelatedDisable 'Centre Click' On Mouse?
Nov 29, 2010I want to disable 'centre click' of mouse for my website..How could i do this??
View 5 Replies View RelatedJQuery :: Menu Items - How To Show Down Link And Aligned
Jul 26, 2009I'm trying to make a menu with jq and I create some function but not work as I want.
Js file:
function EBID(k) {
return(document.getElementById(k));
} function hideMailMenu(e) {
var mailMenu = EBID('mailMenu');
mailMenu.style.display = 'none';
} function showMailMenu(e) {
document.onmouseup = hideMailMenu;
var mailMenu = EBID('mailMenu');
mailMenu.style.left = e.clientX + 'px';
mailMenu.style.top = e.clientY + 'px';
mailMenu.style.display = '';
}
HTML:
<a href="#" onclick="showMailMenu(event);"> Menu option</a>
<div id="mailMenu" class="mailMenu" style="display:none;position:absolute;left:0px;top:0px;">
some items
</div>
This show where I click not aligned above the link. How I do to show it down the link and aligned?
JQuery :: ScrollTo - Contents Is Always In The Centre Of The Screen
Nov 4, 2010I am making a side scrolling site and can get the jquery ScrollTo to work fine but I need to apply a targeted postion of 50% so that the contents is always in the centre of the screen. I am following this [url] but I do not know where to put the code for this "A string specifying a percentage to scroll to that part of the container (f.e: 50% goes to to the middle)."...which he has stated in a post is "$('#the_div').scrollTo('50%',900, {axis:'x'});" but I don't know where to place it.
View 3 Replies View RelatedJQuery :: How To Make Collapsible List
Jun 15, 2009I'm just starting to learn JavaScript and have been playing around with jQuery. I'm trying to make a collapsible list. I've got part of it working and am having trouble getting the rest to work. I'm using a unordered list, if you click on Category 1 or Subcategory 1 it works exactly as I want them to but none of the others work. I sure I need some kind of array to get the others working, but I'm not sure where to start? This list is queried from a database so Categories, Subcategories, Items will vary, but this is the basic structure.
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<style type="text/css">
.list {
background-color:#FFFFFF;
color:#000000;
}.list ul{
padding:0;
margin:0;
list-style-type:none;
}.list li{
position:relative;
list-style-type:none;
width:300px;
} .....
JQuery :: How To Make List Of A Tags In DIV
Aug 13, 2011I am able to append html <a> tags inside a div. I added 60px to each <a> tag created except for the first <a> tag which has 0px. These px's I added are in the css value of top. That's way each <a> tag will be appended downwards. Now I made with these <a> tags a checkbox input tag. they are named all the same name but pass different values. When you click the checkboxes and hit my delete button... it removes the checkboxes that were selected and the <a> tag that was selected to be deleted. all checked will be deleted when the delete button is pressed. That's all neat and dandy... but the problem comes when for example lets say I got 6 rows of <a> tags with check boxes.
Lets say 2 and 4 got selected and deleted... well wherever their position was it's now blank. I want to make number 3 to move back one position. have 5 move 2 times. So 5 takes number 3's place. and 6 will move 2 times. it will move to take 4's place. So now 6 won't be called 6 anymore now it be 4 , 5 would be 3 . then 3 would be 2. 6 minus 2 equals 4 so that be how it should replace the deleted <a> tags spaces. I would want to rename those. What I am doing is I have a checkout page. This is where customers can add orders in to a list so they can buy more then 1 stuff at the same time or at one transaction.
I just want them if they added too many items or made mistakes they can easily delete them from the list. Now I added 60px to the css top value... but since we are going in reverse then here comes the tricky part. Lets go back to my example where we deleted 2 and 4 out of a total of 6 numbers. Any number beyond 2 and 4 will get their css values subtracted by 60px 2 times so it be a loop and that css value would be the top value. Now any number after 2 but not after 4 then I would subtract 60px for only 1 time. which I still need to loop this. It looks like I need a loop based on total numbers that be 6 in our example. So I would have 6 and every loop completed it would subtract 6 by 1.
Inside the loop. I would need to check the ones not deleted to what they stand based on the total numbers and if they are greater then the two numbers. The problem is that I would need o generate if statements because that be based on how many were selected to be deleted. So this would vary. In our case we would check if 6 is greater then 2 and 4 and if so then loop the increase in pixes 2 times so we subtract 60px 2 times. then we then look at each number and test them. If they are not behind 2 or 4 then don't do anything to them but if they are behind 2 then we will loop to subtract 60px's one time.
The problem is that when I delete the <a> tags there is a missing gap displayed... I want it that my list adjusts so no matter how many are delete and if they are not in order... the they are deleted the <a> tags still should be able to adjust or readjust so the list is in order once again. So the example above we eliminated numbers 5 and 6 we deleted 2 and 4 so 3 took 2's place , 5 took 3's place and 6 took 4's place and 6 got renamed to 4 , 5 renamed to 3 and 3 renamed to 2. so 5 and 6 no longer exist. In my real code these numbers be items listed. just a number to associate their reference in the list.
How To Make List With Single Bullet
Apr 30, 2009I want to make a pop-out list that shows multiple items where only one of those items has a bullet next to it. The best way to described what I want to do in HTML is by example: In Firefox you can click View | Character Encoding | Auto-Detect That brings up a side list of several items. Only one of those items has a solid dot next to it that shows it is the selected item. You can click to change which item has the bullet next to it. I want to know how do the same thing with HTML, CSS, and Javascript.
I've made attempts at doing this using either div or li for the items. I think my problem is in the CSS for those items. I use Javascript to change which single item on the list has a class attribute for the item that gets the bullet. The item that gets the bullet gets a class called itemselected and the other items all get a class called itemnotselected. You can see the CSS for those below. Note that some of the properties are commented out. That's because I've tried variations to see if I can get it working right. My problems are with:
- getting the dot onto the left of the text description of a single item,
- align the dot vertically with the text description,
- get all other row text descriptions aligned the same vertically.
- Getting the dot within the colored background box that has the text description from within the a tag.
I'm using an "a" tag within an "li" (or within "div" on some variations I've tried) in order to get the onclick. That part of it works. My Javascript executes and changes which elements have which classes assigned to them. I then see changes in the displayed list that indicate I've changed which row has class="itemselected". My problem is in layout appearances. I'm testing with IE 7, latest Firefox, Seamonkey, Safari. All have similar problems but IE is worse than the others.
[Code]....
JQuery :: Make A News List Scrollable ?
Jun 8, 2010I am trying to make a news list scrollable and i am having no joy!
Below is my code:
JQuery :: Make The Round Arrow Appear In The List?
Nov 1, 2011According to the Apple docs, the round arrow in a list means that the next page is the final page. In Jquery, the default is the gray chevron pointing to another list. How do I make the round arrow (arrow in circle) icon appear instead?
View 1 Replies View RelatedJQuery :: Make Sortable List Draggable?
Nov 2, 2010I'm new to this jquery and still learning, i having a question on how to make sortable list draggable? For e.g drag a list from sortable list to droppable zone and drop it, after drag or drop the list will back to sortable list.
View 2 Replies View RelatedMake A List Of Checkboxes Act Like A Multi-Select Box?
Feb 8, 2010I currently am trying to make a long list of checkboxes function like a multi-select box would. I would like to be able to shift-select two checkboxes and have for example, the X number of boxes in between all be selected.
View 1 Replies View RelatedCan't Figure Out XmlhttpRequest To Make A Dynamic List?
May 5, 2010I know how to make a static drop down list, but can't figure out XmlhttpRequest to make a dynamic list. If someone could point me in the right direction for xmlhttprequest that would be great. Or at least how to set up the options Here was I have so far:
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "http:www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:www.w3.org/1999/xhtml">
<head>
<title></title>
[Code]...
Make Expandable Text Toggle Text Icons Onclick In Place Of Images?
Nov 17, 2009I 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.
JQuery :: Make A List Of Elements Behave Different In Different Pages?
Feb 14, 2011actually i´m working on a small project for the company i work for, i decided to use jQuery to develop the app.the structure of my site is like follow:
css
js
inc
[code]....
JQuery :: Accordion List - How To Make Only Section 2 Visible
Jun 11, 2009I have an accordion list much like the example here : [URL]. Say for instance I have page links under the heading 'Section 2' of that demo above. How can I make it so that when you visit a page from these links 'Section 2' is visible and 'section 1' and 'section 3' are closed?
At the moment I have :
$(document).ready(function(){
$("#accordion").accordion({
active: false,
collapsible: true
});
});
<!-- start accordian menu -->
<div id="accordion">
<h3><a href="#">Section 1</a></h3>
<div><ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul></div>
<h3><a href="#">Section 2</a></h3>
<div><ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul></div>
<h3><a href="#">Section 3</a></h3>
<div><ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul></div>
<!-- end accordion menu -->
</div>
What I need to add to make 'Section 2" visible only?
Make A List Menu Appear When I Select An Option From A Drop Down?
Jul 9, 2010How can I make a list menu appear when I select an option from a drop down list or menu?
View 11 Replies View RelatedJQuery :: Make One Of Text Fields Text Area
Mar 3, 2011I'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 Related