Does anyone know a good example on where to find something that when I click on vote it calculates the results and then shows me horizontal bars to show the percentage for each vote? There will only be two?
I run a site on tumblr. I know its not as good as wordpress and doesn't allow as many options but I am looking to create a unique voting option for each post. Like an up down vote. Any ideas on how to set this up?
I am new to this forum and hope this is in the right place but I have been trying to code (with no success) a voting system with PHP/MySql and jQuery for a clients webpage and am about to throw my computer out the window. I need to create a simple system where a viewer can vote (only one vote) between two options (only 2).
I am a graphic designer who has been stuck with creating a voting system for my son's school newspaper website.
Here is what I have so far: [url]
You will see that it is a 1-10 voting system where the user drags the choices into the order of his preference then hits submit. It is working on on a functional level, but I have no idea how to make it work on the backend. I need to somehow accomplish the following:
1. Either get rid of the numbers on the left or somehow stop them from all becoming "1" when dragged.
2. Upon hitting "submit" the votes should be added to a database. I can create a database but I have no idea how to get these numbers into it.
3. The 10 choices will change each week for at least 13 weeks so the database needs to adapt to this.
Here is a zip file with all of the files used on the voting page: [url]
Is there any way to lock down the menu bars? I currently have a form that was created in Adobe Professional. I have hidden the menu bars on initial view of this form, in an effort to force the sales associates to use buttons that I created that will show them all fields that are required. This worked for a while, but now the sales associates have found out how to unhide the menu bars and are again submitting incomplete forms. I would like to have something in place, that if they do unhide the menu bars, there are certain commands that they cannot use (i.e. Attach to E-mail). Is there any way to put script on this form that will gray out certain commands on the menu bars?
I having a wrapper DIV (certain width say 400px) and i have some child DIVS which i want to add to it. And i want it to have a maximum height of 600px say.
I DONT want the wrapper DIV to have vertical scroll bars so i would like to add as many child DIVS (which contain text of indiscriminant length) until i can somehow detect that the wrapper has overflowed (ie the scrollbars have been implemented !) if it has then remove the last one and dynmically create a new DIV, and continue the cyclw until exhausted of child DIVS. Code:
I am looking for a Javascript Datagrid that will populate based on database driven data, but also allows the data in the list to scroll sepereately from the Header. This is so I can allow users to sort data without making another database call on each sort.
For instance, I have used this Javascript and it looks and works great, except the header scrolls with the data....
[url]
That works great with dynamic database data....but the header dissapears when using a scroll bar.
I am looking for something that works like this, but is not ajax and does not query the database with each sort. [url]
See how the data scrolls, but the header stays put? The pagination onthat example is not needed and in fact I would rather it didn't have that capability.
I need a window that opens up with no Toolbars. I know how to achieve this from another window via a link. But is there a method to reload the current window with no tool bars.
is there any way to disable or lock vertical scroll bars on a browser window? im a newbie and i just don't want them to appear on my screen. sometimes they appear on IE but not on mozilla.
I have created this chatroom using php and scriptaculous but I am stuck with a tiny issue which I believe is only solvable using Javascript.
I have attached 2 screen shots. 1.jpg is what I get at the moment and 2.jpg is what I want to get.
As you see when somebody sends message and the messages exceed pages size, the scroll bars appear, I need the scroll bar to be the oposite direction (down to top) like yahoo or msn or any other chat room.
I don't know much about javascript, but it seems every time I come across something relating to "drop down menus" such as this one: [url] - you have to enter the link codes on every page you display the menu on.
So, here's my question. I want to display a drop-down menu bar similiar to the one in the link. I want it on ALL of my pages within my website, and the website has LOTS of pages - those I've built in Frontpage with HTML. I know I have to have the .js file and something else copied into the header of the pages, but it's telling me to copy and paste the menu bar part (with the links) into the body. If I do that, I'll have to go in and manual change all the links in EVERY page if I want to add or delete a link. I know there has to be a way in which I can make this happen on every page without and just edit one file if need to change something.
I made this webpage. It runs with a simple javascript function that changes the content in the window when you click on the menu buttons. the only problem is there are no vertical scroll bars when viewed in any browser. There seems to be a place for them but no actual scroll bar. I tried modifying the color and such with cs but it didn't change anything.
The site: [url]
Here is all the code starting with the html, then the css, and the two javascript pages
I have written a magnifier (using both CSS and JavaScript), and it appears to work OK in the four browsers I have tested (IE9, FF3.5.7, Safari 5.1, and Opera 11.51).
However, Safari annoyingly puts in scroll bars when you are magnifying the picture.
I can get rid of this by making the ctrlDiv offset as hidden, but then this removes the bottom scroll bar completely in all browsers (not really useful if the document is bigger than the browser window).
I have read about putting the image as a background image of another element, but cannot for the life of me get this to work at all.
Also, the functions to return the absolute position of elements (and mouse pointer) does not work if the document has a margin (i.e. width:1216px;margin:auto) - but I can work around this at the moment.
Anyway, the complete code is at [url](it was easier to stick it there and post a link than to post the code here).
I want visitors to be able to drag large images (maps) using a mouse on various pages of my site instead of them using scroll bars. I am using Dreamweaver 8.
I got 3 sections on the site, at the bottom of each are 5 bars which are used to change the text color. I'm trying to minimize the code, so I created an array which contains all the colors, but I'm not sure where to put the call to the array. If I put it in the for loop, the selected color will always be green no matter which color you click. The bars should also go up to 40px when clicked and when the next bar is clicked the current bar at 40px should go back to it's originals size(20px)
this is the JS
Code: var colors = new Array(4); colors[0] = "#ed1c24"; colors[1] = "#736257"; colors[2] = "#620460";
Is it possible, to hide the menubars of a browser, if the window is already opened? I want to post a html-form to a "_blank" target (new window). This new window should have no Menubars.
im using the jquery accordian on two divs, the first time the page loads the first div displays as it should you then click the header and the second displays as it should.but when you click on the 1st header to display the first content again the content has scroll bars AHH
I'm having some trouble with the Switch Statements. My program runs without it so I know that the problem is here. I believe the logic is sound so it may be due to incorrect syntax. The purpose of this function is to create bars, and the length of the bars is determined by the value of the "percent" variable (which is working fine) in the For loop after the Switch statements. The variable, "partyType" contains any of the text strings, such as "I", "D", etc.
function createBar(partyType,percent){ var barText; switch(partyType){ case "D": barText="<td class='dem'></td>"; break; case "R": barText="<td class='rep'></td>"; break; case "I": barText="<td class='ind'></td>"; break; case "G": barText="<td class='green'></td>"; break; case "L": barText="<td class='lib'></td>"; break; default: document.write("hi"); } for(var i=1; i<percent; i++){ document.write(barText); }}}
Any way to create a presentation on a website WITHOUT showing load bars? Background info: it is about photography website where someone after seeing full size picture could click to view it in a room setting. Right now my developer created a presentation where full size picture zooms out then there is a load bar (hideous) and then the presentation starts. So it looks like it is 2 different parts and I would like to make it into one smooth presentation. Btw: would like if possible avoid flash animation due to recent developments on Apple's side.
using window.open to open a popup, the "scrollbars=1" thing is not working in IE8 for some reason (the window opens, its just that the scroll bar that isn't showing).
The problem I'm trying to solve is that the designer would like to limit the total number of entires shown when you click on the drop-down arrow of a select box. I'm starting to think that this isn't possible.
I've tried the following with no luck:
- Setting the height attribute on the select element - Setting a style height for the select attribute - Modifying the same through Javascript - Setting the style overflow-y to scroll - Setting the size of the select element
At some point in my browsing someone claimed that the vertical scroll bars are controlled by the OS/Browser and there are no ways to change this using JS or CSS. That the magic number of IE is 30 entries before the vertical scroll bar shows up.
I am designing a website and I just want that if a user open it on any resolution then it will fit it self to that resolution and no scroll bars will come like google, yahoo etc. I know it is possible but not know how?
cannot get a new (picture) window to open in Firefox without the title and address bars (or anything else, just the image). IE shows just the title bar, with or without the code:
function newWindow() {window.open('./pageaddress.html','winname','top=20,left=20,directories=0,titlebar=0,toolbar=0,location=0,status=0,menubar=0,scrollbars=no,resizable=no,width=400,height=350');} </script>
The window opens fine, but always shows the address and title bars. I have read the W3 Schools options list (and other posts) and tried both 'no' and '0' as values, without any success. What am I missing and is there any way to make this work - it didn't even work in the W3 Schools 'try it yourself' test page!
I have seen some very nice 'slowly-opening' windows (increasing in size)