I 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 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'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 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:
I have the following HTML code:
<form id="registration" action="/cgi-bin/registration.cgi" method="POST" onsubmit="return control()">
<fieldset>
<legend>Fill up this module</legend>
[code]....
and the following javascript code:
function addPrivate() {
var root = document.getElementById('registration');
var label1 = document.getElementById('label');
label1.appendChild(document.createTextNode('First Name: '));
[code]....
but div tag is not added.
I have this code that adds field when the user hit the "add new field" button.The problem here is, once you added an input field, then fill it out, then add a new field again, the info in the first field be erased.As how the code runs, you have to add all the fields that you want to fillout FIRST before entering you data in those fields. I believe its not logical to do that.
<html>
<head>
<title></title>
[code]...
in javascript i pass value to a hidden field and i get that in alert msg but the same value i am not able to get in teh code behind page in asp.net
alert(document.form1.id.value)
in page behind
i use x= request("id")
not hetting teh value i get a eror msg erro obtaining the value
I have built a form on my network. I have put several javasripts in the form. The thing that is driving me nuts is; while codes such as highlight fields, copy fields and text limit work, others, such as Sentence case and Auto enter curent date don't.
View 2 Replies View RelatedI am making an ajax call and in response, i am getting an XML. And then using data from XML, i am creating a form. I stored response XMl in a variable like this var xmlData = $(data); If there is any change in any field of form then i am changing corresponding node value in xmlData by appending new node in related node like this : var val = document.createElement('{nodename}');
[Code]...
opened up my website in IE and i didn't noticed i forgot the www. before the URL of my website and here what i've :
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; AskTB5.6; Creative AutoUpdate v1.40.02)
Horodateur : Wed, 5 May 2010 14:25:05 UTC
Message: Permission denied
Ligne: 19
Caract¨re: 27021
Code: 0
URI: [URL]
I want to get the value of text box to var variable ..But for me the below hold value is showing as undefined in my alert box
var hold=$("#textField_inplacerte").val();
alert("The text value is ::.."+hold).
I have been using JQuery from last 1 year with IBM RAD 7.0 as IDE and WebSphere 6.1 as app Server without any problem.Now my development environment is upgraded wtih IBM RAD 7.5 and WebSphere 7.0 server.After writing the code in jsp within <JavaScript> tags as [code]i am getting the following error.The function $(HTMLDocument) is undefined.I have included jquery-1.4.2.min.js and even replaced with jquery.min.js.But there is no use.
View 4 Replies View RelatedI've been build and application, using firefox as my testing browser. I come to find out that, when testing the web-application in an internet explorer browser, AJAX doesn't work.
View 11 Replies View RelatedI've created an html page where I will present a list of mp3 tracks which user can listen to. When a user clicks on any track, a pop-up will get open which will play that track. The url of this pop-up, which is partly completed is, [URL]
For this I've googled around and found a solution. But this is working fine in IE but not in FF. This solution uses a "m3u" file for the purpose. And I've got this from here: [URL](please scroll down).
In FF, it says to download a plugin but when I click, it searches for the plugin and displayes error message as "No suitable plugins found Unknow plugin(audio/x-mpegurl)"
I want to commit that I do not have quicktime installed on my system but window media player which is getting used when page is viewd in IE.
how to make this work. I've also set the MIME type under HTTP Header in IIS 6.0. The header set are: .m3u; Mime type: audio/x-mpegurl and mp3; Mime type: audio/mpeg
Though, it is an ASP page but nothing is ASP code over there, completely, JS and HTML
Code for sound.asp file
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<script language="JavaScript" type="text/javascript">
[code].....