jQuery Forum

--- Keysle

I've attempted with .slice(0,1) & first(). These two functions dont' seem to work well with spans

2. function loadNewContent(my){
3. var ogv,mpx;
4. ogv = my.attr("ogv");
5. mp4 = my.attr("mpx");
6. addModalVideo();
7. addModalLoader();
8. videoBox = $('#k8r_modalVideo');
9. videoBox.prepend('<source src="'+ogv+'" type="video/ogg"/><source src="'+mp4+'" type="video/mp4"/>');
10. videoBox.hide();
12. window.videosLoaded = 0;
14. $('#k8r_modalVideo').ready(function(){
15. //alert();
16. window.videosLoaded += 1;
17. if (window.videosLoaded == 2){
18. $('#k8r_modalLoader').hide();
19. $('#k8r_modalVideo').show();
20. }
21. });
22. }

Here is more code context:

--- Keysle

I have ".help" divs.
Inside the help divs is a span of class title & a span of class info

within info can be sub help divs with even more information.
The entire hierarchy is fully collapsed, and I want to know how I can make it so that I can click on the div and cause it to open up the info portion (because the title is already shown)

I was able to make it so that I can click on the spans and those will open up their sibling element of class info. But I can't get it to work for the parent  without it expanding everything.

here is the code I have working for sibling to sibling

1. $(document).ready(function() {
2.     $('.info').hide();
3.     $(".help i").each(function (){
4.     $(this).html('<span class="switch">'+$(this).html()+'</span>');
5.     //$(this).append(',');
6.     });
7.     $(".switch").click(showHideInfo);
8.     $("#startButton").click(developBoard);
9. });
10. function showHideInfo(){
11.         var infoBox=$(this).parent().siblings();
12.         if (infoBox.css("display")=="none")
13.         {
14.         infoBox.show(100);
15.         $(this).css("text-decoration","underline");
16.         }
17.         else
18.         {
19.         infoBox.hide(100);
20.         $(this).css("text-decoration","none");
21.         }
22.         //$('.info',$(this).parent()).show();
23. }
24. function developBoard(){
25. var boardWidth    ;
26. var boardHeight;
27. }
28. // the player, creatures, items and blocks are all entities
29. function entity(){
30. this.strength = 0;
31. this.weight = 0;
32. this.gravity=1;
33. }

I've been struggling with this for a few hours now.
I try not to resort to asking for help all the time but this is urgent (deadlines)

http://codepad.org/jnTL8d2Z

is there an error in my code?

the test site is http://keysle.com/bookmarker/
the ajax call returns the proper string, but for some reason javascript complains about contentArray not being defined... BUT IT IS defined.

1. $(document).ready(function() {
       $('.error,.success').hide();
       var ajaxComplete=1;
       $("#send").click(function (){
           $('.error,.success').hide("slow");
           if (ajaxComplete==1){
           $.ajax({
                   ajaxComplete=0;
                   url: 'add.php?lnk='+escape($('[name=lnk]').val())+'&name='+escape($('[name=name]').val())+'&img='+escape($('[name=img]').val()),
                   success: function(newContent){
                       $(".success").html("New Book mark created");
                       $(".sampleList").append(newContent);
                       $('.success').show("slow");
                       $('[name=name],[name=lnk],[name=img]').html('');
                       ajaxComplete=1;
                   }
               });
           }
       });
   });
   

When I took away ajaxComplete (and made the if condition automaically true) then the the javascript didn't have errors.
Why can't I use variables in jQuery like this?

here is the page I'm working on
http://keysle.com/bookmarker/

here is the jQuery in use

1. $(document).ready(function() { $('.error,.success').hide(); $("#send").click(function (){ $('.error,.success').hide("slow"); $.ajax({ url: 'add.php?lnk='+$.URLEncode($('[name=lnk]').val())+'&name='+$.URLEncode($('[name=name]').val())+'&img='+$.URLEncode($('[name=img]').val()), success: function(newContent){ $(".success").html("New Book mark created"); $(".sampleList").append(newContent); $('.success').show("slow"); $('[name=name],[name=lnk],[name=img]').html(''); }, }); }); });

for some reason the Ajax is not working. I've done it like this in another project and the code looked exactly like this

1. $.ajax({
             url: 'getNewPosts.php',
             success: function(newContent){
                $('.posts').prepend(newContent);
                $(".postBar").hide();
                $(".post").live('hover',
                     function () {    $(".postBar",this).show();  },
                     function () {    $(".postBar",this).hide();  });
   
             } 
         });

and in this code, it works, the call is made and text is added. in the other code I don't get a change at all. Not even in the database that add.php manipulates.

I can't spot the difference

I have a table. When  row is hovered over in that table, large numbers appear. These numbers can range from 1-4 digits. 4 digits is too big and will stretch my <td> causing all the others to stretch.

That's what we call tacky.

if I am correct, that theoretical <td> has been overflown. IS there a way to check this? That way, if it is, I can shrink the size of the text until it is no longer overflown

http://k8r.us

1. $('td[id=opinionAxis]').html("<img src=images/"+this.attr("title")+".png>");

So essentially what I'm trying to is put an image inside all my td's that have "opinionAxis" as their id. The image has to be equal to the value in the title attribute in addition to the sub folder and file type. How do I access the current item's attributes?

Within the following code how can I target the "postBar" object and adjust it's .hover() and visibility?
This postBar object is created in getNewPosts.php which you can look at HERE.

1.  $(document).ready(function() {
2.     $('.postBar').hide();
3.       $.ajax({
4.           url: 'getNewPosts.php',
5.           success: function(newContent){
6.              $('.posts').prepend(newContent);
7.              $(".postBar").hide();
8.           } 
9.       })
10.      
11.   });

This code is on http://k8r.us/test/

I'm scattered in my knowledge of web development. So this is quite frustrating.
I've used Ajax once or twice before in normal javascript. I didn't fully understand what was going on.

but I digress.


Shouldn't this code make newContent = a string that's printed by getNewPosts.php
It should also give me a thing that says "done".

1. $(document).ready(function() {
2. var newContent = $.ajax({
3.           url: "getNewPosts.php"
4.           success: function(){
5.              alert("done");
6.           }
7.           
8.       }
9.       ).responseText;
10.   });

Ok. For one... there is this infinite loop sweet spot where the div will collapse then expand and just keep going. But that doesn't bug me as much as the fact that when I hover over my div (the red box) the "Oh Hey Dair" is in line with the "postBar" DESPITE the <br/>

The Br does go away when the mouse is out, but it doesn't come back. It not coming back is the only problem.


It's all here
http://k8r.us/test

http://k8r.us/test contains my display. I'm trying to get it so that the the ".postBar" hides when the mouse hovers out and shows when the mouse hovers in.

The red box is the portion hat is suppose to activate the hover. The white box inside+the "59 minutes ago" is the portion that is suppose to go away.

It doesn't work

On my test page you'll see a red box with a 0 in it at the top
http://k8r.us/test
if you look at the jQuery, it says that on ever mouseout and in the "P" should increment.
I set this up just to see if i could first get a response out of my mouse over. But Not even this basic thing is working.

Am I missing something? (well, yes, but what is it?)

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ is where I picked it up from.

http://k8r.us/test/ is my current display. when I hover over "59 minutes ago" It's supposed to have a tool tip that says "July 28, 2011 23:40"
and it's not.

Am i missing an include or something?
This is my first stab at jQuery. Like... very first stab. As in, 10 minutes ago, I haven't done much beyond reading the word.