Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[Solved] Working in all but IE6&7
9th April, 19:52
Post: #1
[Solved] Working in all but IE6&7
I have three main jquery scripts on my site that are conflicting in IE6&7 but work in all other browsers I've tested. Here's what my <head> looks like. Any assistance would be great in getting qTip to work for me in 6&7. Thanks!

Jordan


HTML Code
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Website</title>
 
 
<script type="text/javascript" src="<?php bloginfo('url'); ?>/images/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('url'); ?>/images/ddsmoothmenu.js"></script>
 
<script type="text/javascript">
ddsmoothmenu.init({
	mainmenuid: "smoothmenu1", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
 
<script type="text/javascript" src="<?php bloginfo('url'); ?>/images/qtip.js"></script>
<script type="text/javascript" src="<?php bloginfo('url'); ?>/images/custom.js"></script>
<script type="text/javascript" src="<?php bloginfo('url'); ?>/images/jquery.fancybox-1.2.6.pack.js"></script>
 
<link rel="stylesheet" type="text/css" href="<?php bloginfo('url'); ?>/images/ddsmoothmenu.css" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('url'); ?>/images/fancybox/jquery.fancybox-1.2.6.css" media="screen" />
 
<script type="text/javascript">
$(document).ready(function() 
{
   $('div.frame').qtip(
   {
      content: $('#tooltipcontent'),
      position: {corner: {target: 'leftMiddle', tooltip: 'rightMiddle' } },
      hide: { when: 'mouseout', fixed: true },
   api: {onRender: function() {this.elements.content.find('.group.iframe').click(this.hide);}},
   style: {
               width:220,
               background: 'url(<?php bloginfo('url'); ?>/images/green_bkg.jpg)',
 
               border: {width:1},
               border: {color:'#76B638'},
               tip: { size: { x: 12, y: 18 }},
               tip: { corner: 'rightMiddle' },
               color: 'white',
               'font-family': 'sans-serif',
               'font-size': '12px',
               paddingTop:12,
               paddingLeft:12,
               paddingBottom:12,
            }
 
   });
});
</script>
</head>
Find all posts by this user
Quote this message in a reply
12th April, 17:27
Post: #2
RE: Working in all but IE6&7
JordanP, are you getting any error output?

Craig Thompson
Web Developer / Designer
Craigsworks
http://www.craigsworks.com
Visit this user's website Find all posts by this user
Quote this message in a reply
14th April, 19:40
Post: #3
RE: Working in all but IE6&7
There are 92 w3 validation errors at the moment. You can see them here... http://tinyurl.com/y2r5m5h
Find all posts by this user
Quote this message in a reply
15th April, 01:50
Post: #4
RE: Working in all but IE6&7
(14th April 19:40)JordanP Wrote:  There are 92 w3 validation errors at the moment. You can see them here... http://tinyurl.com/y2r5m5h

One thing I see is when you have lists like this:
JS Code
style: {
               width:220,
               background: 'url(<?php bloginfo('url'); ?>/images/green_bkg.jpg)',
 
               border: {width:1},
               border: {color:'#76B638'},
               tip: { size: { x: 12, y: 18 }},
               tip: { corner: 'rightMiddle' },
               color: 'white',
               'font-family': 'sans-serif',
               'font-size': '12px',
               paddingTop:12,
               paddingLeft:12,
               paddingBottom:12,
            }
 
   });

You can't have a trailing comma on the last item or IE with throw an "invalid argument" error. Other browsers don't seem to care.
Find all posts by this user
Quote this message in a reply
15th April, 17:08
Post: #5
RE: Working in all but IE6&7
That solves it, thanks!
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  qtip only working the first time harjits 2 24 Yesterday 23:31
Last Post: Craig
  Dynamic contenct not working property in sortable cleung 5 737 8th December 18:45
Last Post: Craig
  Youtube demo not working on ffox 6 & 7 ivanmayes 2 696 11th October 17:14
Last Post: ivanmayes
  [Solved] Why is this not working - Link nested in tooltip needed 1 547 12th September 17:10
Last Post: Craig
  [Solved] Blanket Destroy not working migdalskiy 2 512 22nd August 22:44
Last Post: migdalskiy
  Unfocus Not Working biglesliep 1 760 13th August 12:50
Last Post: Craig
  Simple working example? PeterY 2 957 7th August 20:18
Last Post: kiddailey
  very simple working example? solitario 3 2,641 7th August 20:16
Last Post: kiddailey
  styles and pointy position not working danbuntu 1 940 27th July 23:17
Last Post: Craig
  [Solved] qTip input fields validation not working with display:none Maverick 6 1,414 25th July 16:44
Last Post: Maverick



User(s) browsing this thread: 1 Guest(s)