Forum user: cowboysdude

Well don't think anyone is gonna answer you.. If a video doesn't pertain to flowplayer no one seems to care much. I know I've asked... no answer.

This is what I have so far but can't seem to get the tooltip to fire... Here's the code...

<div id="scrollBox">
<div id="demotip"> </div>
<center>
<?php
$lines = file('modules/mod_norven/edit/files.txt', FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
foreach($lines as $n_line)
{
    list($n_id, $n_vid, $n_pic, $n_title) = explode('-', $n_line);
	print '<p><a class=info href="'.$n_url.'/'.$n_path.'/'.$n_vid.'" rel="lightbox[flash 740 460]" ><div class="infobox"><div id="box"><div id="demo"><img src="'.$n_url.'/modules/mod_norven/images/vidimg/'. $n_pic .'" alt="no picture" height="60" width="100" title="'. $n_title .'"  /></a></div></div></div></p><br />';
}
?>
</div>

<script>
$(document).ready(function() { 
    $("#demo img[title]").tooltip('#demotip'); 
});
</script>

You can tell what's its looking for.. it reads the title from $n_title which it's doing just not displaying the tooltip...

Suggestions?

TIA!

LOL I appreciate the help but I was using only the basic and it still shows an image placeholder in IE for some reason...

I would like to use the background image but it floats to the center of the page but I can't get the player to float over top... have to move to a different forum for that one...

I am using this in a module for joomla and suspect that there may where my problem is... in the example you have the overlay opens and does what it's supposed to do but in the module form it seems to be not centering the player...

I took it out of the CSS but in IE it still shows a place holder where an image should be.. how do you get rid of that?

<div class="demotip"> </div>

<div class="demo">

<DIV style="width:'. $fp_bwidth.'px; border-style:'. $fp_backstyle .'; border-color:'. $fp_backcolor .'"><a href="" rel="#overlay'. $fp_ol.'">  <img src="modules/mod_flowplay2/img/'. $fp_pic .'"  height="'. $fp_ph .'" width="'. $fp_pw .'" border="'. $fp_border .'" title="'. $fp_desc .'" /></a>

<p class="1title"><b>'. $fp_title.'</b></p></h>
</div>
</div><br />';

I have used the most basic tooltip straight from the demo and I just cannot get this thing to work... what am I missing here?

Ok since no one seems to know... I'll add more...

This is the css I'm using...

#demotip { 
    display:none; 
    background:transparent url(<?php echo $fp_url?>/modules/mod_flowplay2/img/white_arrow.png); 
    font-size:17px; 
    height:720px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}
#demo a {
	border:0;
	cursor:arrow;
	margin:0 0px;
}

We are using the A tag... looking for tooltip on an a href.... should work the css is setup correctly. The js file is referenced and loading.

I'm really TRYING to get this solved... I can't believe no one can offer any suggestions here.
Thanks

Yawwwnnnnnn it's about the kind of help I expected... what's the sense in having forums if no one answers anything...

I'd be interested in how you used thickbox for this... I"m trying like the devil to get overlay to work but it keeps breaking my template.... big problem.

Is there example of how to add a tool tip to something like this?

<div class="overlay" id="overlay2"> 
<a class="player" href="http://localhost/xxxxx/<?php echo $vid2 ?>">
   
 </a>
 </div>

I'd like to use tooltips for the descriptions when a user hovers over a button...Suggestions?

[code]
If ($v1=="1") {
echo '<div class="overlay" id="overlay1">

 

</div>';
}
?>
[/code]

That is what I'm using and it's loading the page and button but will not fire the overlay...

suggestions?

I'm trying to create a playlist to use with overlay..

Here is what I have...

<script>
$(function() {

	// setup overlay actions to buttons
	$("button[rel]").overlay({

		// setup exposing (optional operation);
		onBeforeLoad: function() {
			this.getBackgroundImage().expose({api: true}).load();	
		},				
		
		onLoad: function(content) {
			// find the player contained inside this overlay and load it
			this.getContent().find("a.player").flowplayer(0).load();
		},
		
		onClose: function(content) {
			$f().unload();
			
			// close exposing
			this.getBackgroundImage().expose().close();
		}
	});				
	
	// install flowplayers
	$("a.player").flowplayer("http://localhost/modules/mod_test/swf/flowplayer-3.1.2.swf"); 
});	
</script>

Which is the example page setup...

Now I'm trying to add this..

<script>
$(function() {
	
	// setup player 
	$f("player", "/modules/mod_flowplay/swf/flowplayer-3.1.1.swf", {
	
		clip: {baseUrl: '<?php echo $baseurl ?>'}
		
	// playlist plugin 
	}).playlist("#playlist");
	
	plugins: { 
        lighttpd: {  
            url: "/modules/mod_flowplay/swf/flowplayer.pseudostreaming-3.1.1.swf"  
        }
		
		 
    } 
	
});

</script>

<!-- player container -->
<a id="player" class="player plain">
	<img src="modules/mod_flowplay/images/logo.png" />
</a>

<!-- the playlist. simple HTML controlled with CSS -->
<div id="playlist">
<?php

$lines = file('modules/mod_flowplay/edit/file.txt', FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
foreach($lines as $line)
{
    list($filename, $title, $time) = explode('-', $line);
    echo "<a href='$path/$filename'> $title <br />$time";
} 
?>
</div>

<!-- let the rest of the page float normally -->
<br clear="all" />

<!-- END DO NOT CHANGE THIS -->

TO give me the playlist with overlay..

Suggestions because up until now I have not been able to get this to work together...

Many Thanks

OH sorry in case this is confusing what I'm trying to do is incorporate the playlist function with the overlay function so I can add the playlist which I have written in php to show a menu of clips which the user can click on and have it open in an overlay...

Notice I just put a forward slash in the href in the a tag within the div. It's just a placeholder so if someone puts hovers their cursor over the player all they see is the domain name and not the full url to the video. The words "Play Video" are only briefly seen when the overlay is loading then are overlayed by the player. In my code I call the clip within the javascript code either by clip: or in a playlist:[.

I guess that's what I'm looking for ... creating a playlist within an overlay.. suggestions? Many Thanks!!

You'll need to sign up for an account but check out what I've done with Joomla and Flowplayer...

It's on RC2 right now..
Ability to upload and edit playlist from the frontend.

I'm sure I can help you if you need it..

http://www.dallascowboyschat.com

go to top menu "75's World"

Interesting to say the least...lol Yes that's the one. I use that code except ... the playlist part then I have a php script loading the flv's so they can be configured in a backend joomla module.

Let me try to just use the script with NO changes in joomla to see if it that works ok and maybe the addition of the php may be the problem? Not sure...

Nope just tried that code from the example you gave me line by line... it doesn't work for the scrolling part. Not sure, I've tried to make sure flash is installed.. I am running a server using Wamp so it's possible I need to enable a plugin from the server side for apache or php... Not too sure..

Go here and download the flowplayer mod and try that....

http://www.dallascowboyschat.com/index.php?option=com_phocadownload&view=category&id=3:flowplayer&Itemid=58

:-)

I have tried to use the horizontal menu from the example the one that slides from side to side but it will NOT work in Chrome, IE or Safari..

Anyone else have this issue?

Thanks in advance