plugin of JQuery that provides the effect for Page Turn from Right Corner ?It should look like curling; but not like books with two page at a time. Only one page will be shown at a time. Per page turn will show a new section and reverse will show the previous section. And the number of sections will be set a page load.
View 2 RepliesStuck in the bottom-right corner of this page is a Social Media sharing tool floating over the page content. It's semi-transparency changes upon hover. It grows out from the corner upon hover as well. [URL] I'm thinking it's ShareBar but I don't see anything like it on the ShareBar site.
View 4 Replies View RelatedIs there a jQuery method() that will scroll text just like in the upper right corner of this page?
View 2 Replies View RelatedI don't know which language this could be done in. Javascript?I want my contact form to be such that I can login and turn off whether it displays my phone number. If I'm available to answer the phone, it would be set to "On," otherwise, "Off." This is similar to how companies use their "click here to chat" thingy.Also, it would nice if I could have a choice of phone numbers. If I am not available for calls but a co-worker is, I could direct calls to him. When both of us are unavailable, we could set it to "Off."
View 3 Replies View RelatedI have a select drop down that triggers a change event to update my database. I am new at programming, so hopefully I am overlooking something obvious. My Jquery code actually works as desired to update the database, but when I try to add a overlayed "loading, please wait" message to the user, I can't get it to turn off and the page freezes. debugging the javascript in Firebug, It seems this code returns a 404 status, so it makes sense to me that my overlay will not turn off, but seems strange that the code updates the database as desired. what is wrong with this code? How can I get the overlay to turn off?
[Code]...
some free Javascript code that will turn the pages of your website when you click the mouse and drag the "page"?
View 1 Replies View RelatedThe code on how to make this page into 2 columns. Right now I have everything in 1 long row of 6...id like to see how to make it 3 and 3 side by side...
View 2 Replies View Relatedi have the requirement as displayed below
i have 5 main divs in the above screen as Header, menu, content, login, footer. so i applied the corner plugin for it as,
$('#header').corner();
$('#menu').corner();
$('#content').corner();
$('#login').corner();
$('#footer').corner();
i dont want any borders for header, menu and footer as thse backgrounds will be in "fill" mode not in "no fill". so no need of border for these three. but i want borders for content and login divs. if i trying to display border for these two divs using css code border:2px solid red; am not getting the border in IE(Internet Explorer). But its working in FF and Chrom.
I'm trying to use the great plugins from Malsup [URL], Corner and Cycle to make a simple fade transition slideshow from 5 images with 30 px right rounded corners - However, I cannot get both plugins to work at the same time; is it even possible?
Code example:
<html>
<head>
<style type="text/css">
#slideshow{
width: 720px;
[Code]....
We have the function detailed below which controls some image in our website. However, one of the images we would like to place an imagemap in the top corner but after all of our attempts the javascript below seem to stop the imagemaps from working.
[Code]....
i am pretty new to jquery and hope this is the right place to ask. my problem is the following. when i mouseover a certain element on a page, i want that a certain image is displayed in the top right corner of the page, no matter where the it is currently scrolled. how can i achieve that?
View 1 Replies View RelatedI have a half dozen bookmarks for rounded corner plugins, but am wondering if there's a "state of the art" plugin kicking any booty on that these days? What I'd *really* like is to just be able to set -moz border radiuses in CSS and have a plugin magically use those to create rounded corners in IE and Safari (IE mainly... using excanvas or something with it is fine, too).
View 6 Replies View RelatedHow can I make it to where an image will load in the corner of a website?Specifically, I have part of a template I want all people to see, however, some people either get it cut off or not shown at all because of their resolution.
View 1 Replies View RelatedI have a javascript script that counts down 10 minutes and displays it in the top corner. On the 10 minute time limit there is an event that directs the person to a page which logs them off.I am trying to create a 1 minute warning pop up alert window which I can get to work but the alert window itself halts the 10 minute countdown execution. Is there any ideas of getting the alert to sit outside of the execution of hte countdown. The script looks like this
Code:
// Take user here after session timed out
timedouturl = "index.php?doLogout=true";[code]......
i am using this jquery module to get rounded corners.http:[url]....This is my code. but i am not getting any rounded corners though i have correctly included the 2 .js files and have specified the correct div id name.
Code:
<script language="javascript" src="jquery.corner.js"></script>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">[code]....
how to put some icon in the left corner of title bar, just before the title?
View 4 Replies View RelatedExpand and Collapse of menu with round corner with "expand image" and "collapse Image".
i have attaching a link for reference [URL]
In this in place of '+' icon replace as "expand image" as well as '-' icon
like tree menu
I would like to have a Back To Top button in the bottom right corner of the viewport. I figured that Javascript would be used for this, and after some searching, I found this Jump To Top Link script at DynamicDrive. I'm sure I could easily change its appearance from a link to a button but I don't like the jerky scrolling effect. I wondered if you guys could explain to me how to make the button (or link in the script's case) stay in the bottom right corner of the viewport at all times instead of scrolling?
View 3 Replies View RelatedI want to find a way to place a button at the bottom right corner of an image. The button should still be inside the image, not under the image. How? I know how to create a link button using FORM and INPUT tag, but can I use innerHtml to insert the button into the IMG tag? If not, how to do it? I tried, but the button is always outside the image.
View 5 Replies View RelatedSay I had a <div>. I want it to be the exact height of from the top lft corner of the screen to the bottom right. Not 100% height, but top left to bottom right. That distance. It has to work for all resolutions so is there some formula for that?
View 16 Replies View RelatedHow can I retrieve x, y coordinates of the browser top left corner in
Internet Explorer?
In Firefox screenX/screenY are working as expected.
In IE, from MSDN :
screenLeftRetrieves the x-coordinate of the upper left-hand corner of
the browser's client area, relative to the upper left-hand corner of
the screen.
screenTopRetrieves the y-coordinate of the top corner of the
browser's client area, relative to the top corner of the screen.
So, screenTop will include titlebar height as well. Using that in
window.open will shift the window down.
I have a problem on a Wordpress website: I gave certain pictures (as elements of the layout) rounded corners with a jQuery plugin. Some posted pictures I want to load with Lightbox (or similar). I have used several different Lightbox plugins for Wordpress (Lightbox 2, jQuery Lightbox, Simple Lightbox etc. etc.) but none of them work. I got some weird version of GreyBox working but FireFox gives an error every time before opening it so that's real shady code. As you can see on this page is that I include jQuery for the rounded corners at first but then the Lightbox plugin automatically adds it's own version of jQuery and they cancel each other out. I know for a fact this is the problem because I 'lose' the rounded corners as soon as I turn ON the Lightbox plugin. Once that is turned off the nice rounded corners show again. I tried several different plugins, changing the order of the jQuery code around, making both the rounded corners plugin and Lightbox rely on one single jQuery statement. Nothing has worked so far.
View 1 Replies View RelatedI must have missed a bit of information, because I cannot get the jquery.corner plugin to work with <input> html elements. The following renders a rounded div but not a rounded input element in FF3, IE7, IE8, and in fact causes the input box border to disappear completely.
<html>
I am developing a site that requires the navigation menu to have one rounded corner at the end on the home button. The default button state is created using a background image but I need it to also have a rollover effect on hover and also on focus (for the home page item only). I have tried to use CSS and curvy corners Javascript code to create the effect as I don't want to use images. However, I don't think the curvy corners script is picking up the div item that I want to apply the corner to.
The trouble is I have a number of div boxes on the site that also have rounded corners (3 rounded and 1 square). The CSS is working fine for these in all browsers apart from Opera but when it comes to the navigation it doesn't work properly in IE. Here's the HTML for the menu:
Code:
<div id="menu">
<ul>
<li><a href="index.htm" class="home">Home</a></li><li><a href="#">Mortgages</a></li><li><a href="#">Life Assurance</a></li><li><a [code].....
The CSS is in an external stylesheet, although I have also added the CSS for the rounded corner items to the header code.The class 'homefocus' seems to work when applied to the a tag on the home page but the other class 'home' which should work on hover won't work in IE.
Can I change firefox/IE's min/max/X button lay out to lower right corner? I have a web app (let us say i have 2 pages input.php and output.php) when user enters data into input.php and click search output.php renders from server. But the user from anywhere on web should be able to close output.php by using lower right X button. (by default FF/IE has top right X button, may top left in case of MAC), in otherwords I need to change the output.php page NOT on a user machine but on server, so that each user get same lay out when access the page.
View 1 Replies View RelatedI'm looking for a cross-browser (IE, Netscape, Mozilla/FireFox, Opera, Safari) javascript that will keep an image (or <div>) in the lower right corner of the browser window whenever part of the web page has been scrolled vertically. I did find a script on the internet that was supposed to fit my needs, but I found it didn't work as advertised. (I included that script below.)
Requirements:
- I'm using "Frames" and the frame I want the image/div to appear in is the main content frame that sits against the right and bottom edges of the browser window. So the lower right corner of the browser window is the same as the lower right corner of my frame.
- (optional) If the frame content is small enough such that there are no scrollbars or if the page has not been scrolled vertically, then I don't want the image (or <div>) to appear.
- the placement of the image/div needs to take into account the width of the scrollbar(s).
- my focus is to display a button in this lower right corner that, when clicked, will scroll the page to the top.
I found the following script on another site that claims it would do most of this, cross browser, but I was only able to make it work with IE (and I'm using IE 6.0). When I tried it with Netscape 7.1, Firefox 1.0 (Mozilla 5.0) and Opera 7.54, the button didn't float as the page scrolled. I checked browser settings and javascript is turned on for all the browsers.
Can someone point me to a javascript that will do what I'm looking for, or help me understand why the following script isn't working cross browser? I've worked with javascript and the DOM somewhat, but am not a Master of the subject matter, especially when it comes to cross browser issues.
Thanks, and here are the instructions and script that I mentioned above (that I had founed from another site):
Place the watermark on your page where you want it to appear on non-DHTML browsers (say, the bottom). Then nest it inside a <DIV> tag with the attributes id="waterMark" and style="position:absolute". Code: