I've downloaded the curvy corners codes from the following address: http:[url]....
The instructions in the curvycorners.src.js file say that all i need to do is add the following piece of code which I've inserted into the head section:
<script type="text/javaScript" src="js/curvycorners.src.js"></script>
<style type="text/css">
<!--[code].....
I am using the curvycorners.src.js script in order to achieve rounded corners in IE. If you go here: [URL] and then drag and resize your browser screen, you will see that the header and bottom section move out of alignment. When I remove the Curvy Corners script, the issue goes away. For some reason though it is only affecting the home-page of the site (not the sub-pages).
View 1 Replies View RelatedI am using curvy corners, and it is working fine, as long as I only want one rounded box...I want (at least) two, and I am having trouble adding a second <div id> to the script.I'm not able to decipher much of javascript, and the explanation that came with the code isn't clear enough for me.Here's the code...
<script type="text/JavaScript">
window.onload = function() {
var settings = {[code].....
I have the following to add curvy corners to my divs;
<script type="text/javascript">
$(document).ready(function(){
$('#album').corner();
});
</script>
My divs look like:
<div
id
="album"
> ... something here ... </div
>
<div
id
="album"
> ... somthing here ... </div
>
<div
id
="album"
> ... somthing here ... </div
>
<div
id
="album"
> ... somthing here ... </div
>
The curvy corners only works on the first div. How to make it work on all album divs ?
I haven't found in my CSS book how to create a gradient to fill a division
tag, and to create a border with round corners.
Is it possible using either CSS or JavaScript? I'd like to create a menu bar with a gradient in the background, and I want the top corners to be a little round with a 5px radius.
I'm trying to get borders to display properly with this plugin:On the page it says to use the keep option, but it does not give an option to specify what colour the border should be , if I specify the type of border in a stylesheet: like (border:1px solid #d4d4d4;) it shows the border great in firefox, but in ie6 and 8 it shows the border but not to the contours of the rounded box (ie square)
View 3 Replies View RelatedI am no expert in javascript. In fact I tend to use just open source when i use it at all but I believe there is a javacript script fro creating rounded corners for boxes? my question is: will this size to the size of someones monitor or viewport?The one i have found is as below. Can anyone tell me whether this script would. If not are there any orthers that do out there?
HTML Code:
function NiftyCheck() {
if(!document.getElementById || !document.createElement) {
return false;
[code]....
I am using Malsup's Rounded Corners plugin, which is amazing! I use Chrome and Firefox so it looks great. However mycolleague using IE, complained that the corners aren't round. So I looked and the corners are but the border is not (using the "keep" setting).
I saw that on ff/chrome you are using the border-radius which isn't supported by IE<9. Is there some other way to get the borders looking round on IE7,8 or do I just have to turn off the borders?
So, I wish make html input type text with rounded corners. I want make this with on JS.
View 1 Replies View RelatedI'm looking for a jQuery plugin or pair of plugins that will apply both a rounded corner and a drop shadow to a DIV box without the use of corner/border images. I've actually found quite a few that do one or the other but they seem to be pretty outdated, not in itself a problem but mostly for lack of support. So far, the few that I've found will do rounded corners and a few will do drop shadows. Sometimes they fail to work with each other and sometimes they only work in FF or Safari and fail in IE. I'm coming up short on the magic combination.
This failure in IE kinda defeats the whole purpose of doing this with jQuery since I can already get FF and Safari do to both with only CSS3. Does anyone know of a great jQuery plugin or pair of plugins known to work in all browsers including the latest couple/few versions of IE?
I know CSS3 is at the stage now where we can use this feature comfortably across all modern browsers, but what else can be done via Javascript/Jquery to create our ever-so beautiful rounded corners ? Im trying to achieve a fairly consistent look "cosmetically" in all my sites going back as far as IE 7...For example my second site Ive built PAT Tester providing PAT Testing in Birmingham Worcester Bromsgrove Redditch Dudley Worcestershire West Midlands utilises CSS3 and looks ok in the modern browsers, but go back to IE8 and "yuck" its all squared out maaaan....!
View 1 Replies View RelatedI am playing with malsup's corners and I am getting strange nudges on both top corners in Opera, IE6 and Konquerer when applied to nested elements (to achieve a cornered border). I am using exactly the same code as on the demo page: "$(this).corner("round 8px").parent().css ('padding', '4px').corner("round 10px")". Strangely this only appears when the radius is more than 10px and
div.outer's padding is less than 3px. All corners are rounded, just at the top div.outer still seems to have little develish horns.
It sounds confusing, but is quite simple. I have a square div, and using css I have four circles replacing the corners of the of the divs border. I want the user to be able to click on one of the corner circles changing the curser image and calling the Javascript onclick event. How do I did that?
View 6 Replies View Relatedthis jQuery plugin nearly works in IE6. You can see the error that is produced at the bottom of the article corner. (I'm tackling the other issues... .png later) http:[url].....
View 2 Replies View RelatedI am trying to make a round corners script in object oriented programming method. This is purely for learning purposes.
The script is no where near complete but I am already having problems with it.
I am trying out the techniques described in 'David Flanagan ' text book 'JavaScript: The Definitive Guide, 5th Edition'
This code is called from html page which once working will place a round container around element
The selector parameter in Custom_rounded_container function is defined because only the else part of the if statement in Custom_rounded_container is executing. I put this in because few people at other forums thought the problem was because of the selector parameter being undefined.
External Javascript file
I am trying to make a round corners script in object oriented programming method. This is purely for learning purposes.
The script is no where near complete but I am already having problems with it.
I am trying out the techniques described in 'David Flanagan ' text book 'JavaScript: The Definitive Guide, 5th Edition'
This code is called from html page which once working will place a round container around element
Code:
Javascript functions below
Code:
How to render a div next to href link, we are using JQuery. Below is code attached where when clicked the div gets rendered just below the tab of browsers, I want to render next to that of href link as there will be lot of href links in the webpage using the same div tag.
I cannot do it in css because it gets fixed at that position and I am using the same div for many of the href in a page but changing the contents of the div dynamically upon the user who clicks the link.
Image attached with code.
I have a situation where a bit of script needs to pop up another
window, and then call a script in that new window. My conundrum is
that the script should not be called until the new window has rendered
completely. What's the best way for the new window to tell its opener
that it is fully rendered? The thought that occurs to me is having a
script at the bottom of the new window that calls a script in the
openening window that then calls the "real" script in the new window.
The obvious solution (having the new window just call the script
itself) isn't feasible because the opener has the information that the
new window's script needs. Is there a better way to do this? I
apologize if I've explained my situation poorly.
I have a javascript-run rotating (as in rotating through a series of content, not rotating in a circle) div.
Each content div has an image and a bit of text.
The title text - bold arial - is really messy, as though it's a badly pixelated image - smudged, almost. the rest of the text - smaller and not bold - isn't bad, but still doesn't match text outwith these divs.
It's fine in firefox, chrome, and even IE6!
Has anyone had a problem where JCarousel does not render images in IE 8 but works fine in FF?
View 1 Replies View RelatedI have an issue with a photo gallery.I use an Ajax call to the database to fetch an image and description. If the description contains special characters they don't render properly on the page.I get that diamond with a question mark.The charsets are set all over the place and the characters do render properly if I call the Ajax function outside of the gallery and simply show the result, but once the Div is populated with the text the characters are not recognized.
View 1 Replies View RelatedMay be this is more of a design question rather than JavaScript but guess many of you will have experience in these things. whats exactly happening behind the scenes in this link. [URL] One of the members already pointed out that the website is using transparent layered images to bring the effect. Now, my question is, are they real images or is a texture really applied to a frame on the fly?
I can imagine bringing that effect by using Photoshop filters but how can we do it for Stripes and Checks. If you notice the sleeve for a stripes shirt, you can see that the stripes are aligned as if it were a real shirt. Do we need real photos of shirts for this?
I need to produce a 2000x2000 tile map and render it to screen, add objects, remove objects, pick objects, all fine no problem, code for said has been dealt with.What I need to do is pre-render a 2000x2000 map as a base for my tile/object map to go on so to speak.
View 1 Replies View RelatedMozilla/Firefox seems to be wrong when rendered elements with sizes
given in percents and that are placed into another elements with
percentage sizes, if the content overflows them (of course, overflow is
set to the value of "scroll")
To check the written above please use the given below code:
This is sort of a design/javascript question. It involves CSS
rendering in dynamic areas of a page using IE.
E 6 & 7
HI There, We've created some example static html pages (using CSS)
that look great in IE. We are now converting these into dynamic pages
that use javascript to dynamically update certain areas of the page.
After the conversion the dynamic areas of the page do not render the
CSS styles (the styles are not displaying correctly). This only
happens in IE. The styles display correctly for other browsers
(firefox).
I am using the javascript DOM to update the dynamic areas of the site.
For example when creating a <atag that needs attribute
class=over....I add the following code.
linktag = document.createElement("a");
linktag.setAttribute("href",pathName);
linktag.setAttribute("class","over");
it's the class=over that is not rendering when the page is updated.
Has anyone seen this?
I was wondering if there is a way to detect when a page has completely finished rendering? Is there an event in the JQuery library or JavaScript in general to detect when a page has completely rendered. I'd like to get some timing information for how long it takes for a page to render. I'd to do this offline to see how much CPU performance affects web page rendering.
View 3 Replies View Related