ansaurus

Question

Answer 1

+1 A:

$("p .select").live ( "click" , function(){
        var str = $(this).text();
        alert(str);
  });

See

Events/live

Binds a handler to an event (like click) for all current - and future - matched element.

rahul 2009-09-11 12:45:37

Although as a P element doesn't have a value property, this still won't work: val() should probably be text(). http://docs.jquery.com/Attributes/val

NickFitz 2009-09-11 13:12:02

Answer 2

A:

I posted a working(in Firefox) example below. I think you forgot to put the jquery method inside the onload event. Beside the other (small) bugs...

<html>
   <head>
      <style>
         p.select{color:#fff;padding: 5px;margin:0}
         p.select:hover{color:#fff;background:#f60;cursor:pointer;}
      </style>      
      <script src="jquery-1.3.2.min(2).js" type="text/javascript"></script>
      <script type="text/javascript">         
         function bodyOnLoad() {
            //instead of "p .select" "p.select"
            $("p.select").click(
               function(){
                  //changed val() into text()
                  var str = $(this).text();
                  alert(str);
               }); 
         }
      </script>         
   </head>
   <body onload="bodyOnLoad()">
      <p class='select'>Songname</p>
   </body>
</html>

Niek H. 2009-09-11 14:14:54

jQuery has a build in `$(document).ready(function(){...});` that is simpler than `<body onload="bodyOnLoad()>"`

Eric 2009-09-11 14:54:43

Answer 3

+1 A:

Two things:

p .select will choose <p> tags containing an element with class select. p.select selects <p class="select">.
Why not move the populate function to within the live? I suspect the jquery live (or click) removes any explicit handlers.

Try this:

$("p.select").live("click",function()
{
    var str = $(this).text();
    alert(str);
    populate();
});

Eric 2009-09-11 15:45:11

ansaurus

tags:

views:

answers:

javascript wont parse php html tags

related questions