JavaScript - Tables To Css Playing Havoc With Javascript Function

hi I am trying to play a video from youtube. What I have done so far is getting videos from my database and displaying all those videos thumbnails. So now what i want is to when i click any thumbnail it should play that video in my website. How can I do this?

Here is my code
Code:

function showResult(result) {
        $('#videosLoader').css('display','none');
            var videoId = result.split(" ");
            for(i = 0; i < videoId.length - 1; i++) {
            var vidId = $.trim(videoId[i]);
            vidLink = getScreen(vidId,"small");
            $('#videosList').append("<div class='playVid'>" + 
                                        "<img width=80 height=80 src=" + vidLink + " alt='' /> " + 
                                        "<input type='hidden' name='vidId' value='" + vidId + "' />" + 
                                    "</div>").addClass("playVid");
    }
    
    $('.playVid').click(function() {
        var val = $("input[name='vidId']").val();
        alert("val");
        $("#haveYourDefinition").append("<embed src='http://www.youtube.com/v/" + val + "&rel=1' pluginspage='http://adobe.com/go/getflashplayer' type='application/x-shockwave-flash' quality='high' width='450' height='376' bgcolor='#ffffff' loop='false'></embed>");
    });

When I click any thumbnail it does nothing. Why and please tell me how to do this? Help

Hi,

I am facing a problem in passing replace() function as an argument in user defined java function, can any one help me how to resolve it?

intention is to pass a file path to my user defined function, but before passing the path i want to replace the character '\' to '\\'

I am posting my javascript function he

<a href="#" onclick="OpenDocPreview('<%# Eval("PATH")%>'.replace(/\\/g,"\\\\"), '<%# Eval("Filename")%>')"><%# Eval("DocTitle") %></a>


function OpenDocPreview(url, docname) {
alert('message from search base : ' + url + ' ' + docname);
}

thank you,

I made a mouseover event of a caption on a picture, when I hover the opacity of the background color of the hover and the text goes down. What I want is that when I hover over the image which the caption is floating on, the onmouseover event gets activite. For an imaginary example:
Code:

function unhighlight(x) {
x.style.backgroundColor="transparent"
}

Function ActivationFuction()
{
activate.function="unhighlight"
}

thanks

How can I call a PHP Function inside a Javascript Function? This is what I have so far, but I don't think I'm doing it the right way.
Any suggestions?

PHP Code:
<?php
function phpQuery(){

     $query = mysql_query("INSERT INTO mytable VALUES('','name','email')");

}
?>
<script type="text/javascript">
function delayQueries()
{
  timeoutID = window.setTimeout(doQueries, 2000);
}

function doQueries()
{
  var runQuery = "<?php phpQuery(); ?>";    
}
</script>

I am trying to learn about the trace tables and truth tables in Javascript for the booleans. But I cannot seem to pick up the things. Does anyone know of a good resource where I can learn more?
Thanks in advance for any useful help with this.

Hi Guys,

I am posting this to see if anyone has any ideas or sample code that has worked in the past.

What i am aiming at doing is having two tables, with the same amount of rows side by side, effectively rendering them the same. I wish then to select a row on the one table, and this event would trigger the same row on the 2nd table to be selected too.

Has anyone done something like this before?

Appreciate any feedback!

Thanks.

How can I build a table that prompts user for number of rows and then number of columns and then builds it based on user input?

Hi everyone,

I am pretty new at javascript OOP.

I have a javascript file that has plenty of javascript functions, variables, arrays, etc.

I need to convert this into an object.

Here is an example:

Code:

var myvar1 = '';
var myvar2 = new array();
var myvar3 = new array();
var myvar4;
var myvar5 = 60;
var myvar6 = '';

function myfunc1(){
 myvar1 = 'hello';
 return myvar1;
}

function myfunc2(somenum=0){
 myvar5 = somenum;
 //calling myfunc1() from within this function.
 //do something in here
}

function myfunc3(){
 //calling myfunc1() from within this function.
 for(i=0;i<somelength;i++){
   myvar2 = myvar3[i]; (something to put into the array)
 }
}

1. I need to create an object and put ALL the varibles (myvar1 - myvar5) in that object.
2. Then the first two functions "myfunc1 and myfunc2" inside the same object.
2. And the function myfunc3 needs to sit OUTSIDE my object as a regular javascript function. It calls on myfunc1 (which is inside the object) and also inserts data into myvar2 (which is classified inside the object) and myvar3 (which is classified inside the object as well).

This is what i came up with, but it's not going well:
Code:

var myobj1 = function(){
 this.myvar1 = '';
 this.myvar2 = new array();
 this.myvar3 = new array();
 this.myvar4;
 this.myvar5 = 60;
 this.myvar6 = '';

 var myfunc1 = function(){
  this.myvar1 = 'hello';
  return this.myvar1;
 }

 var myfunc2 = function(somenum=0;){
  this.myvar5 = somenum;
  //calling this.myfunc1() from within this function.
  //do something in here
 }
}

function myfunc3(){
 //calling mynewobj.myfunc1() from within this function.
 for(i=0;i<somelength;i++){
   mynewobj.myvar2 = mynewobj.myvar3[i]; (something to put into the array)
 }
}

var mynewobj = myobj1;

HELP.....!!!!
i really want to get into object oriented world, so thanks in advance.

Hi,
I have three tables and I want show one table at one time. At the bottom of one table I need to have "next" and "previous" links to go other two tables.Can you please help me.
Thank You.

Not really sure why this isn't working. I've mirrored this webpage from a friend's page - everything is literally identical, save for the references to the databases. His works, and mine doesn't. Here's an example of one of the tables I'm trying to sort:

http://www.iblhoops.net/iblv2archive...isplay=ratings

The code in question for said table:

Code:

// BEGIN RATINGS TABLE

      $table_ratings="<table class=\"sortable\">
      <thead>
      <tr bgcolor=$color1><th><font color=$color2>Pos</font></th><th><font color=$color2>Player</font></th><th><font color=$color2>Age</font></th><th><font color=$color2>Sta</font></th><th><font color=$color2>2ga</font></th><th><font color=$color2>2g%</font></th><th><font color=$color2>fta</font></th><th><font color=$color2>ft%</font></th><th><font color=$color2>3ga</font></th><th><font color=$color2>3g%</font></th><th><font color=$color2>orb</font></th><th><font color=$color2>drb</font></th><th><font color=$color2>ast</font></th><th><font color=$color2>stl</font></th><th><font color=$color2>tvr</font></th><th><font color=$color2>blk</font></th><th><font color=$color2>o-o</font></th><th><font color=$color2>d-o</font></th><th><font color=$color2>p-o</font></th><th><font color=$color2>t-o</font></th><th><font color=$color2>o-d</font></th><th><font color=$color2>d-d</font></th><th><font color=$color2>p-d</font></th><th><font color=$color2>t-d</font></th><th><font color=$color2>Foul</font></th><th><font color=$color2>Inj</font></th></tr>
</thead>
<tbody>
";

    $i=0;

    while ($i < $num)
    {

   if ($yr == "")
   {

    $name=mysql_result($result,$i,"name");
    $team=mysql_result($result,$i,"teamname");
    $pid=mysql_result($result,$i,"pid");
    $pos=mysql_result($result,$i,"altpos");
    $p_ord=mysql_result($result,$i,"ordinal");
    $age=mysql_result($result,$i,"age");
    $inj=mysql_result($result,$i,"injured");

    $r_2ga=mysql_result($result,$i,"r_fga");
    $r_2gp=mysql_result($result,$i,"r_fgp");
    $r_fta=mysql_result($result,$i,"r_fta");
    $r_ftp=mysql_result($result,$i,"r_ftp");
    $r_3ga=mysql_result($result,$i,"r_tga");
    $r_3gp=mysql_result($result,$i,"r_tgp");
    $r_orb=mysql_result($result,$i,"r_orb");
    $r_drb=mysql_result($result,$i,"r_drb");
    $r_ast=mysql_result($result,$i,"r_ast");
    $r_stl=mysql_result($result,$i,"r_stl");
    $r_blk=mysql_result($result,$i,"r_blk");
    $r_tvr=mysql_result($result,$i,"r_to");
    $r_sta=mysql_result($result,$i,"sta");
    $r_foul=mysql_result($result,$i,"r_foul");
    $r_totoff=mysql_result($result,$i,"oo")+mysql_result($result,$i,"do")+mysql_result($result,$i,"po")+mysql_result($result,$i,"to");
    $r_totdef=mysql_result($result,$i,"od")+mysql_result($result,$i,"dd")+mysql_result($result,$i,"pd")+mysql_result($result,$i,"td");
    $r_oo=mysql_result($result,$i,"oo");
    $r_do=mysql_result($result,$i,"do");
    $r_po=mysql_result($result,$i,"po");
    $r_to=mysql_result($result,$i,"to");
    $r_od=mysql_result($result,$i,"od");
    $r_dd=mysql_result($result,$i,"dd");
    $r_pd=mysql_result($result,$i,"pd");
    $r_td=mysql_result($result,$i,"td");
	$r_bird=mysql_result($result,$i,"bird");

$draftyear=mysql_result($result,$i,"draftyear");
$exp=mysql_result($result,$i,"exp");
$cy=mysql_result($result,$i,"cy");
$cyt=mysql_result($result,$i,"cyt");

	$yearoffreeagency=$draftyear+$exp+$cyt-$cy;

	} else {

     $name=mysql_result($result,$i,"name");
     $team=mysql_result($result,$i,"team");
     $pid=mysql_result($result,$i,"pid");

     $r_2ga=mysql_result($result,$i,"r_2ga");
     $r_2gp=mysql_result($result,$i,"r_2gp");
     $r_fta=mysql_result($result,$i,"r_fta");
     $r_ftp=mysql_result($result,$i,"r_ftp");
     $r_3ga=mysql_result($result,$i,"r_3ga");
     $r_3gp=mysql_result($result,$i,"r_3gp");
     $r_orb=mysql_result($result,$i,"r_orb");
     $r_drb=mysql_result($result,$i,"r_drb");
     $r_ast=mysql_result($result,$i,"r_ast");
     $r_stl=mysql_result($result,$i,"r_stl");
     $r_blk=mysql_result($result,$i,"r_blk");
     $r_tvr=mysql_result($result,$i,"r_tvr");
     $r_totoff=mysql_result($result,$i,"r_oo")+mysql_result($result,$i,"r_do")+mysql_result($result,$i,"r_po")+mysql_result($result,$i,"r_to");
     $r_totdef=mysql_result($result,$i,"r_od")+mysql_result($result,$i,"r_dd")+mysql_result($result,$i,"r_pd")+mysql_result($result,$i,"r_td");
     $r_oo=mysql_result($result,$i,"r_oo");
     $r_do=mysql_result($result,$i,"r_do");
     $r_po=mysql_result($result,$i,"r_po");
     $r_to=mysql_result($result,$i,"r_to");
     $r_od=mysql_result($result,$i,"r_od");
     $r_dd=mysql_result($result,$i,"r_dd");
     $r_pd=mysql_result($result,$i,"r_pd");
     $r_td=mysql_result($result,$i,"r_td");


	}

	if(($i % 2)==0) {
		$bgcolor="FFFFFF";
	}else{
		$bgcolor="EEEEEE";
	}

if ($tid == 0)
{
    $table_ratings=$table_ratings."      <tr bgcolor=$bgcolor><td>$pos</td><td><a href=\"http://www.iblhoops.net/modules.php?name=Player&pa=showpage&pid=$pid\">$name</a></td><td>$age</td><td>$r_sta</td><td>$r_2ga</td><td>$r_2gp</td><td>$r_fta</td><td>$r_ftp</td><td>$r_3ga</td><td>$r_3gp</td><td>$r_orb</td><td>$r_drb</td><td>$r_ast</td><td>$r_stl</td><td>$r_tvr</td><td>$r_blk</td><td>$r_oo</td><td>$r_do</td><td>$r_po</td><td>$r_to</td><td>$r_od</td><td>$r_dd</td><td>$r_pd</td><td>$r_td</td><td>$r_foul</td><td>$inj</td></tr>
";
} else {
if ($p_ord > 959)
{
    $table_ratings=$table_ratings."      <tr bgcolor=$bgcolor><td>$pos</td><td>(<a href=\"http://www.iblhoops.net/modules.php?name=Player&pa=showpage&pid=$pid\">$name)*</a></td><td>$age</td><td>$r_sta</td><td>$r_2ga</td><td>$r_2gp</td><td>$r_fta</td><td>$r_ftp</td><td>$r_3ga</td><td>$r_3gp</td><td>$r_orb</td><td>$r_drb</td><td>$r_ast</td><td>$r_stl</td><td>$r_tvr</td><td>$r_blk</td><td>$r_oo</td><td>$r_do</td><td>$r_po</td><td>$r_to</td><td>$r_od</td><td>$r_dd</td><td>$r_pd</td><td>$r_td</td><td>$r_foul</td><td>$inj</td></tr>
";
} elseif ($r_bird == 0) {
    $table_ratings=$table_ratings."      <tr bgcolor=$bgcolor><td>$pos</td><td><i><a href=\"http://www.iblhoops.net/modules.php?name=Player&pa=showpage&pid=$pid\">$name</i></a></td><td>$age</td><td>$r_sta</td><td>$r_2ga</td><td>$r_2gp</td><td>$r_fta</td><td>$r_ftp</td><td>$r_3ga</td><td>$r_3gp</td><td>$r_orb</td><td>$r_drb</td><td>$r_ast</td><td>$r_stl</td><td>$r_tvr</td><td>$r_blk</td><td>$r_oo</td><td>$r_do</td><td>$r_po</td><td>$r_to</td><td>$r_od</td><td>$r_dd</td><td>$r_pd</td><td>$r_td</td><td>$r_foul</td><td>$inj</td></tr>
";
} else if ($fayr == "" OR $yearoffreeagency == $fayr) {
   $table_ratings=$table_ratings."      <tr bgcolor=$bgcolor><td>$pos</td><td><a href=\"http://www.iblhoops.net/modules.php?name=Player&pa=showpage&pid=$pid\">$name</a></td><td>$age</td><td>$r_sta</td><td>$r_2ga</td><td>$r_2gp</td><td>$r_fta</td><td>$r_ftp</td><td>$r_3ga</td><td>$r_3gp</td><td>$r_orb</td><td>$r_drb</td><td>$r_ast</td><td>$r_stl</td><td>$r_tvr</td><td>$r_blk</td><td>$r_oo</td><td>$r_do</td><td>$r_po</td><td>$r_to</td><td>$r_od</td><td>$r_dd</td><td>$r_pd</td><td>$r_td</td><td>$r_foul</td><td>$inj</td></tr>
";
}
}

    $i++;

    }

$table_ratings=$table_ratings."
      </tbody>
    </table>
";

if ($tid != 0)
{

$table_totals=$table_totals."
      <table class=\"sortable\">
        <thead>
<tr bgcolor=$color1><th><font color=$color2>Pos</font></th><td colspan=3><font color=$color2>Player</font></th><th><font color=$color2>g</font></th><th><font color=$color2>gs</font></th><th><font color=$color2>min</font></th><th><font color=$color2>fgm</font></th><th><font color=$color2>fga</font></th><th><font color=$color2>ftm</font></th><th><font color=$color2>fta</font></th><th><font color=$color2>3gm</font></th><th><font color=$color2>3ga</font></th><th><font color=$color2>orb</font></th><th><font color=$color2>reb</font></th><th><font color=$color2>ast</font></th><th><font color=$color2>stl</font></th><th><font color=$color2>to</font></th><th><font color=$color2>blk</font></th><th><font color=$color2>pf</font></th><th><font color=$color2>pts</font></th></tr>
</thead>
<tbody>
";

To clarify, when I say "sort", I mean being able to click on the header of a column within the table, and having that sort the entire table by that column. It works fine on my friend's website (and this is a duplicate of his, with only the database references changed)...For what it's worth, he does have a sorttable.js located in a "jslib" folder on the main portion of the site, but not in the directory that this file is in. Yet his sorting works perfectly. I should link to a working example of what I'm wanting to have:

http://www.ijbl.net/modules.php?name...isplay=ratings

I've got this JavaScript code that I'm using to play audio on my site made specifically for iPhones, iPods, and whatnot. However, my only problem is, that I can only pick one audio file to play from, no matter what. Can someone tell me what I'm doing wrong? I really need this specific code cause it allows me to play audio without going into the Media Player on the iPhone and iPod.

Here's what I have in the head section:
Code:

<script type="text/javascript">
        function play_single_sound() {
                        document.getElementById('audiotag').play();
        }
</script>

And the body:
Code:

<div id="audio">
        <audio id="audiotag" src="audio.wav" autobuffer="autobuffer"></audio>
</div>

And now to actually play the audio:
Code:

<a href="javascript:play_single_sound();">Play audio</a>

I can play audio fine, but I'm only limited to one audio file per page. Is there anyway around this??

Suppose I have some function ... myFunction();
And I want it to be executed from 3am - 11pm but not at any other time
So far what i had done is along the line of

Code:

for(i=0;i<99999;i++)
{
var time = new Date();
var hours = time.getHours();
if (hours>=3 && hours<=23){
myFunction();
}
}

What happens so far is that:

If it is the right time it loops over and over and continually executes the function (which is what I want)

If it's the wrong time (not 3am-11pm) it loops once, doesn't execute the functoin and then the script finishes (whereas I want it to continue looping until the right time comes along)

If its the right time and then it moves to the wrong time it stops looping, whereas i want it to not execute the function but continue looping until the right time comes around again.


So the overall affect is that at the given times of day the script plays and when its not the correct time it doesnt and then when it is the right time again it starts playing again, seemlessly and continually

Is it possible to play a sound file when a visitor to my website moves their mouse/pointer over a single image no matter what browser they are using? Thanks for any help or advice.