Search jQuery

jQuery Forum

Screen name:
darren.whittington

darren.whittington's Profile

4 Posts

59 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Using corners plugin with ie6 >
[3Replies]
- 15-Nov-2010 05:33 AM
- Forum: Using jQuery Plugins
Hi,

I'm trying to get borders to display properly with this plugin:

http://jquery.malsup.com/corner/

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)

Has anyone had any experiences with this and can offer a solution?

Thanks, Darren

find function skips duplicates
[1Reply]
- 20-Aug-2010 05:38 AM
- Forum: Using jQuery
Hi,

I have a div like this:
1. <div id="hintdata">
  <div class='10003137'>Key Skills Level 3</div>
  <div class='10003162'>Key Skills Level 3</div>
  <div class='10003198'>Key Skills Level 3</div>
  <div class='10030463'>Hairdressing</div>
  <div class='10030475'>Hairdressing</div>
  <div class='10038310'>Key Skills Level 3</div>
  <div class='10038358'>Key Skills Level 3</div>
  <div class='10038395'>Key Skills Level 3</div>
  <div class='10058722'>Food level 2</div>
  <div class='10064588'>Additional Maths</div>
  <div class='10064588'>Additional Maths test100510</div>
  <div class='50018048'>Welsh bacc Level 3</div>
  <div class='50018073'>Art and Design</div>
  <div class='50018097'>Art and Design</div>
  <div class='50018103'>Art and Design</div>
  <div class='50020481'>Food level 2</div>
  <div class='50036725'>Travel and Tourism Year 12</div>
  <div class='50036725'>Travel and Tourism Year 13</div>
  <div class='50042555'>History of Art</div>
  <div class='50067540'>Food Level 1</div>
  </div>
  </div>
and when I run this in firebug: $('#hintdata').find('div').each(function(index,element){
console.log($(element).text());
})

it does not return the div's with the same number.:
1. [div.10003137, div.10003162, div.10003198, div.10030463, div.10030475, div.10038310, div.10038358, div.10038395, div.10058722, div.50018048, div.50018073, div.50018097, div.50018103, div.50020481, div.50042555, div.50067540]
I would like to aggrigate each div so that for example :
1. <div class='10064588'>Additional Maths</div>
  <div class='10064588'>Additional Maths test100510</div>
3. is edited to:
5. <div class='10064588'>Additional Maths<br />Additional Maths test100510</div>
How would this be done?

Darren

Placing dialog box next to mouse hover
[8Replies]
- 19-Aug-2010 03:34 PM
- Forum: Using jQuery UI
Hi,

I'm attempting to use a jquery UI dialogue as a tooltip, I have a table with items in cells that respond to hover and display a tooltip.

The problem I have though is that when I hover, the box does not appear next to the cursor, ideally I should be just to the right of it.

It seems to work fine when the whole table is on the page, but when it extends beyond that it starts placing the box in odd places.

Here is a sample of my example code:
1. <html>
     <head>
        <title>test1</title>
        <link type="text/css" href="css/custom-theme/jquery-ui-1.8.4.custom.css" rel="stylesheet" />
        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"></script>
        <script type="text/javascript">
           $(function() {
              $('.fillme').each(function() {
                 var $link=$(this);
                 var p = $(this).position();
                 var $dialog = $("div."+this.id)
                 .dialog({
                    autoOpen: false,
                    position: [p.left+50,p.top],
                    resizable: false,
                    width:3,
                    minHeight:20
                 });
                 $link.hover(
                 function() {
                    $dialog.dialog('open');
                    return false;
                 },
                 function() {
                    $dialog.dialog('close');
                    return false;
                 });
              });
              $(".ui-dialog-titlebar").hide();
           });
        </script>
        <style type="text/css" >
           .fillme{text-decoration: underline; cursor: pointer; color: blue; }
           #filltext{visibility: hidden;display: none; }
           tr{height:200px}
        </style>
     </head>
     <body>
        <p>Example</p>
        <table width="100%" >
           <thead>
              <tr><th>fff</th><th>fff</th><th>fff</th><th>fff</th><th>fff</th></tr>
           </thead>
           <tbody>
              <tr><td>test1</td><td>test2</td><td>test3</td><td>test4</td><td><div class="fillme" id="02">test5</div></td></tr>
              <tr><td>test1</td><td>test2</td><td>test3</td><td>test4</td><td>test5</td></tr>
              <tr><td>test1</td><td>test2</td><td>test3</td><td><div class="fillme" id="04">test4</div></td><td>test5</td></tr>
              <tr><td>test1</td><td>test2</td><td><div class="fillme" id="05">test3</div></td><td>test4</td><td>test5</td></tr>
              <tr><td>test1</td><td><div class="fillme" id="03">test2</div></td><td>test3</td><td>test4</td><td>test5</td></tr>
           </tbody></table>
        <div id="filltext">
           <div class="01">
              filltext1
           </div>
           <div class="02">
              filltext2<br />
              filltext2 other
           </div>
           <div class="03">
              filltext3
           </div>
           <div class="04">
              filltext4<br />
              filltext4<br />
              filltext4<br />
              filltext4<br />
              filltext4<br />
           </div>
           <div class="05">
              filltext5
           </div>
        </div>
     </body>
  </html>

problem using .load
[6Replies]
- 14-Jul-2010 11:13 AM
- Forum: Using jQuery
Hi,

I'm populating a select pulldown based on the value of a previous option on a pulldown

When I run it on the firebug command line it works fine, but when it is run in the source it does not populate the html with option's for the pulldown. am I missing somthing here?
1. $('#regions').change(function() {
  town=$('#regions :selected').text().trim();
  $('#town').removeAttr('disabled').after().load('rtnregions.asp?region='+town;
  });

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend