Can you use two plugin's at the same time?
Hello!
Ok! I have plugin A (rounded corners) and plugin B (gradient divs) they both work independently. Question is how do I get a rounded corner div that has a gradient background by utilizing both plugins?
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>
- JQuery combo plugins
- </title>
- <style type="text/css">
- div.main { background:#0000FF;height:400px;width:400px;margin:auto;font-size:2em;text-align:center;}
- .main p {padding:20px;}
- </style>
- <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
- <script type="text/javascript" src="js/jquery.corner.js"></script>
- <script type="text/javascript" src="/js/jquery.gradient.js"></script>
- <script type="text/javascript" src="/js/jquery.dimensions.js"></script>
-
- <script type="text/javascript">
- $(function(){
- $('div.main').corner("20px");
- });
-
- </script>
- <script type="text/javascript">
- $(function() {
- $('.gmain').gradient({
- from: '0000FF',
- to: 'FFFFFF',
- direction: 'horizontal',
- position: 'verticle',
- });
- });
- </script>
-
-
- </head>
- <body>
- <div class="main">
- <div class="gmain">
- <p>Hi There!</p>
- </div>
- </div>
- </body>
This page resides at http://handlersspot.net/test/test2.html Something tells me you can't do this.
Good lord it sucks being a noob! UGH!
But hey! Thanks for any help that comes this way! =)