king1212 - Viewing Profile

king1212's Profile User Rating:

Reputation: 0 Apprentice

Group:: Active Members
Active Posts:: 65 (0.1 per day)
Joined:: 06-September 11
Profile Views:: 912
Last Active:: Jul 11 2012 06:26 AM
Currently:: Offline

Previous Fields

Country:: Who Cares
OS Preference:: Who Cares
Favorite Browser:: Who Cares
Favorite Processor:: Who Cares
Favorite Gaming Platform:: Who Cares
Your Car:: Who Cares
Dream Kudos:: 0

king1212 has not set their status

Posts I've Made

In Topic: Job opportunity in Asia

Posted 11 Jul 2012

I have a friend who can help you,

In Topic: problem with Ahref and button

Posted 7 Jul 2012

hi,

I have this problem that i really need to work on.
Its easy to say that { a href } and button can have the same functions.

But i try and its !@#!&*@^# not working T_T please help me.

this is the sample link of my website. http://cocopop12.site11.com/search/
its a youtube plugins that there is a 2 buttons on the right side Preview and Select.

Now the problem is that if you click preview it should play the youtube video. But its not working T_T i did try everything so i was thinking why not ask for help or post a question that other people might have an idea.

the code is below.

this is the link { the link is working i just copy this on the thumbnails }

<a class="videoThumb4" href="http://www.youtube.com/watch?v=' . $yValue['videoid'] . '">
' . $yValue['description'] . '
</a>

this is the button which is i want to replace when it hover.

<a class="videoThumb4" id="previewbut" href="http://www.youtube.com/watch?v=' . $yValue['videoid'] . '">
Preview
</a>

the jQUery codes

$(function() {
    <!-- videoThumb is a css class found in the foreach list class="videoThumb". ytvideo is the holder ID set as div ID-->
    $(".videoThumb4").ytplaylist({
    	holderId: 'ytvideo4',
    	html5: true,
    	playerWidth: '520',
    	autoPlay: false,
    	sliding: false,
    	listsliding: true,
    	social: true,
    	autoHide: false,
    	playfirst: 0,
    	playonload: false,
    	modestbranding: true,
    	showInfo: false
    });
    });
    
    
    // HOVER
    $(document).ready(function(){
    $("input[type=button]#previewbut, #selectbut").hide();
    $("li#static").hover(
    function() {
    	$(this).find('#previewbut, #selectbut').fadeIn();
    },
    function() {
    	$(this).find('#previewbut, #selectbut').fadeOut();
    });
    });

the FULL CODES

<!DOCTYPE html>
    <html lang="en">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <title>Youtube Search</title>
    <meta name="description" content="youtube keyword playlist jquery and php Gdata Api version2" />
    <meta name="copyright" content="www.cfconsultancy.nl" />
    <meta name="web_author" content="Ceasar Feijen" />
    <link rel="stylesheet" type="text/css" href="./css/index.css" />
    <!-- Remove all above if you are including this file -->
    
    <!-- Needed for the youtube player -->
    <link rel="stylesheet" type="text/css" href="./css/youtubeplaylist.css" />
    
    <!-- Example css playlist to the right. See example 3 -->
    <link rel="stylesheet" type="text/css" href="./css/youtubeplaylist-right-with-thumbs.css" />
    
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="./js/jquery.youtubeplaylist-min.js"></script>
    <script type="text/javascript">		
    		$(function() {
                <!-- videoThumb is a css class found in the foreach list class="videoThumb". ytvideo is the holder ID set as div ID-->
    			$(".videoThumb4").ytplaylist({
    				holderId: 'ytvideo4',
    				html5: true,
            		playerWidth: '520',
    				autoPlay: false,
    				sliding: false,
    				listsliding: true,
    				social: true,
    				autoHide: false,
    				playfirst: 0,
    				playonload: false,
    				modestbranding: true,
    				showInfo: false
    			});
    		});
    
    
    		// HOVER
    		$(document).ready(function(){
    			$("input[type=button]#previewbut, #selectbut").hide();
    			$("li#static").hover(
    			function() {
    				$(this).find('#previewbut, #selectbut').fadeIn();
    			},
    			function() {
    				$(this).find('#previewbut, #selectbut').fadeOut();
    			});
    		});
    		
    		
    </script>
    
    	<!-- CSS -->
    	<style>
    	/************** Code for Demo **************/
    
    	/* Containing Element */
    	/* Static Image Shown Before Hover */
    	a#static{
    	  z-index:1;
    		}
    	input[type=button]#previewbut {
    		background-color: #9B9B9B;
    		color: #ffffff;
    		text-decoration:none;
    		border:0px;
    		width:100px;
    
    	}
    		
    	input[type=button]#previewbut {
    		position: absolute;
    		margin-top:-45px;
    		margin-left:50px;
    		
    		cursor: pointer;
    		font-size: 12px;
    		line-height: 11px;
    		padding: 10px 5px;
    		text-decoration: none;
    		-moz-border-radius: 3px;
    		-webkit-border-radius: 3px;
    		border-radius: 3px;
    		-moz-box-shadow: 1px 1px 2px #5C5C5C;
    		-webkit-box-shadow: 1px 1px 2px #5C5C5C;
    		box-shadow: 1px 1px 2px #5C5C5C;
    
    	}
    	input[type=button]#previewbut:hover {
    		background-color: #007073;
    		color: #ffffff;
    		text-decoration:none;
    	}
    	input[type=button]#selectbut {
    		background-color: #9B9B9B;
    		color: #ffffff;
    		text-decoration:none;
    		border:0px;
    	}
    		
    	input[type=button]#selectbut {
    		position: absolute;
    		margin-top:-45px;
    		margin-left:170px;
    		width:100px;
    		
    		cursor: pointer;
    		font-size: 12px;
    		line-height: 11px;
    		padding: 10px 5px;
    		text-decoration: none;
    		-moz-border-radius: 3px;
    		-webkit-border-radius: 3px;
    		border-radius: 3px;
    		-moz-box-shadow: 1px 1px 2px #5C5C5C;
    		-webkit-box-shadow: 1px 1px 2px #5C5C5C;
    		box-shadow: 1px 1px 2px #5C5C5C;
    
    	}
    	input[type=button]#selectbut:hover {
    		background-color: #007073;
    		color: #ffffff;
    		text-decoration:none;
    	}
    
    	</style>
    
    </head>
    
    <body>
    
    <!-- Needed for the youtube player example 3 -->
    <div class="youtubeplayer">
    	<?php
        //if ( !isset( $_POST['subKW'] ) ) {
    	?>
        <h2>Search</h2>
        <form method="post" action="<?php echo htmlentities( $_SERVER['PHP_SELF'] ); ?>">
        	Input keyword : <input type="text" name="kw" value=""> <br />
            <input type="submit" name="subKW" value="Search">
        </form>
        <?php
    	//} else {
    	?>
        <h2>YT Playlist  <a href="index.php">Back</a></h2><!-- END  -->
        <div class="yt_holder yt_holder_right">
        	<div id="ytvideo4"></div>
                <!--Up and Down arrow -->
      			<div class="you_up"><img src="css/up_arrow.png" alt="+ Slide" title="HIDE" /></div>
      			<div class="you_down"><img src="css/down_arrow.png" alt="- Slide" title="SHOW" /></div>
                <!-- END  -->
    			<div class="youplayer ytplayerright">
    			<ul class="videoyou videoytright">
    	        <?php
    			//$kw = $_POST['kw'];
    			//global $kw;
    	        // Use like this.
    	        include_once('class/class.youtubelist.php');
                //in this example a playlist
    	        //$video = new youtubelist('playlist');
    			//Keywords
    			$video = new youtubelist('keywords');
    			$video->set_keywords( /*$kw*/ 'yoga' );			
    			//This is the link to the playlist.
    	        //http://www.youtube.com/playlist?list=PLAEAD0FC99564BA7F
    	        //REMOVE the PL from the string if there is an PL after list=
    	        $video->set_playlist('AEAD0FC99564BA7F');
    	        $video->set_max(50);
    	        $video->set_order('none'); // to retrieve most actual video's
    	        $video->set_cachexml(false);
    	        $video->set_cachelife(86400);
    	        $video->set_xmlpath('./cache/');
    	        $video->set_start(1);
                // --Set text and description length
                $video->set_descriptionlength(85);
                $video->set_titlelength(25);
    			
    	        if ( $video->get_videos() !=null ) {
    	            foreach ($video->get_videos() as $yKey => $yValue) {
    	                echo '
    					<li id="static">
    						<p>' . $yValue['title'] . '</p>
    						<span class="time timeright">' . $yValue['time'] . '</span>
    						
    						<a class="videoThumb4" href="http://www.youtube.com/watch?v=' . $yValue['videoid'] . '">
    							' . $yValue['description'] . '
    						</a>
    						<!--<a class="videoThumb4" id="previewbut" href="http://www.youtube.com/watch?v=' . $yValue['videoid'] . '">
    							Preview
    						</a>-->
    						
    						<a class="videoThumb4" id="previewbut" href="http://www.youtube.com/watch?v=' . $yValue['videoid'] . '">
    							Preview
    						</a>
    						
    						<!--<input class="videoThumb4" onclick="location.href=\'http://www.youtube.com/watch?v=' . $yValue['videoid'] . '\'" type="button" name="previewSel" value="Preview" id="previewbut">-->
    						
    						<input class="videoThumb4" type="button" name="selectSel" value="Select" id="selectbut">
    					</li>					
    					';
    	            }
    	        }else{
    	            echo '<li>Sorry, no video\'s found</li>';
    	        }
    	        ?>
           		</ul>
            </div>
            <!-- Remove if you don't want the footer shadow -->
            <div style="height:0px; font-size:0em;clear:both;">&nbsp;</div>
            <div class="ytfooter ytfooterright">&nbsp;</div>
            <!-- END -->
        </div>
        
        <?php
    	//}
    	?>
        
    </div>
    <!-- END youtube player -->
    
    
    </body>
    </html>

thank you so much for your time.

In Topic: problem with Ahref and button

Posted 7 Jul 2012

here is the sample link what i was talking about. Search YT

In Topic: problem with Ahref and button

Posted 6 Jul 2012

Dormilich, on 06 July 2012 - 08:08 AM, said:

so the link and the button are not the same?

if you want to fetch that id, you need to write a function that extracts the ID from the URL.

Hi i already extract that

heres the full codes.

<?php

?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>Youtube Search</title>
<meta name="description" content="youtube keyword playlist jquery and php Gdata Api version2" />
<meta name="copyright" content="www.cfconsultancy.nl" />
<meta name="web_author" content="Ceasar Feijen" />
<link rel="stylesheet" type="text/css" href="./css/index.css" />
<!-- Remove all above if you are including this file -->

<!-- Needed for the youtube player -->
<link rel="stylesheet" type="text/css" href="./css/youtubeplaylist.css" />

<!-- Example css playlist to the right. See example 3 -->
<link rel="stylesheet" type="text/css" href="./css/youtubeplaylist-right-with-thumbs.css" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="./js/jquery.youtubeplaylist-min.js"></script>
<script type="text/javascript">
		
		$(function() {
			<!-- videoThumb is a css class found in the foreach list class="videoThumb". ytvideo is the holder ID set as div ID-->
			$(".videoThumb4").ytplaylist({
				holderId: 'ytvideo4',
				html5: true,
				playerWidth: '520',
				autoPlay: false,
				sliding: false,
				listsliding: true,
				social: true,
				autoHide: false,
				playfirst: 0,
				playonload: false,
				modestbranding: true,
				showInfo: false
			});
		});
		
		// HOVER
		$(document).ready(function(){
			$("button#previewbut, #selectbut").hide();
			$("li#static").hover(
			function() {
				$(this).find('#previewbut, #selectbut').fadeIn();
			},
			function() {
				$(this).find('#previewbut, #selectbut').fadeOut();
			});
		});
		
		
</script>

	<!-- CSS -->
	<style>
	/************** Code for Demo **************/

	/* Containing Element */
	/* Static Image Shown Before Hover */
	a#static{
	  z-index:1;
		}
	button#previewbut {
		background-color: #9B9B9B;
		color: #ffffff;
		text-decoration:none;
		border:0px;
		width:100px;

	}
		
	button#previewbut {
		position: absolute;
		margin-top:-45px;
		margin-left:50px;
		
		cursor: pointer;
		font-size: 12px;
		line-height: 11px;
		padding: 10px 5px;
		text-decoration: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 1px 1px 2px #5C5C5C;
		-webkit-box-shadow: 1px 1px 2px #5C5C5C;
		box-shadow: 1px 1px 2px #5C5C5C;

	}
	button#previewbut:hover {
		background-color: #007073;
		color: #ffffff;
		text-decoration:none;
	}
	input[type=button]#selectbut {
		background-color: #9B9B9B;
		color: #ffffff;
		text-decoration:none;
		border:0px;
	}
		
	input[type=button]#selectbut {
		position: absolute;
		margin-top:-45px;
		margin-left:170px;
		width:100px;
		
		cursor: pointer;
		font-size: 12px;
		line-height: 11px;
		padding: 10px 5px;
		text-decoration: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 1px 1px 2px #5C5C5C;
		-webkit-box-shadow: 1px 1px 2px #5C5C5C;
		box-shadow: 1px 1px 2px #5C5C5C;

	}
	input[type=button]#selectbut:hover {
		background-color: #007073;
		color: #ffffff;
		text-decoration:none;
	}

	</style>

</head>

<body>

<!-- Needed for the youtube player example 3 -->
<div class="youtubeplayer">
	<?php
    if ( !isset( $_POST['subKW'] ) ) {
	?>
    <h2>Search</h2>
    <form method="post" action="<?php echo htmlentities( $_SERVER['PHP_SELF'] ); ?>">
    	Input keyword : <input type="text" name="kw" value=""> <br />
        <input type="submit" name="subKW" value="Search">
    </form>
    <?php
	} else {
	?>
    <h2>YT Playlist  <a href="index.php">Back</a></h2><!-- END  -->
    <div class="yt_holder yt_holder_right">
    	<div id="ytvideo4"></div>
            <!--Up and Down arrow -->
  			<div class="you_up"><img src="css/up_arrow.png" alt="+ Slide" title="HIDE" /></div>
  			<div class="you_down"><img src="css/down_arrow.png" alt="- Slide" title="SHOW" /></div>
            <!-- END  -->
			<div class="youplayer ytplayerright">
			<ul class="videoyou videoytright">
	        <?php
			$kw = $_POST['kw'];
			global $kw;
	        // Use like this.
	        include_once('class/class.youtubelist.php');
            //in this example a playlist
	        //$video = new youtubelist('playlist');
			//Keywords
			$video = new youtubelist('keywords');
			$video->set_keywords( $kw );			
			//This is the link to the playlist.
	        //http://www.youtube.com/playlist?list=PLAEAD0FC99564BA7F
	        //REMOVE the PL from the string if there is an PL after list=
	        $video->set_playlist('AEAD0FC99564BA7F');
	        $video->set_max(50);
	        $video->set_order('none'); // to retrieve most actual video's
	        $video->set_cachexml(false);
	        $video->set_cachelife(86400);
	        $video->set_xmlpath('./cache/');
	        $video->set_start(1);
            // --Set text and description length
            $video->set_descriptionlength(85);
            $video->set_titlelength(25);
			
	        if ( $video->get_videos() !=null ) {
	            foreach ($video->get_videos() as $yKey => $yValue) {
	                echo '
					<li id="static">
						<p>' . $yValue['title'] . '</p>
						<span class="time timeright">' . $yValue['time'] . '</span>
						
						<a class="videoThumb4" href="http://www.youtube.com/watch?v=' . $yValue['videoid'] . '">
							' . $yValue['description'] . '
						</a>
						<a class="videoThumb4" id="previewbut" href="http://www.youtube.com/watch?v=' . $yValue['videoid'] . '">
							<button name="previewSel" id="previewbut">Preview</button>
						</a>
						<!--<input class="videoThumb4" type="button" name="previewSel" value="Preview" id="previewbut">-->
						<input class="videoThumb4" type="button" name="selectSel" value="Select" id="selectbut">
					</li>					
					';
	            }
	        }else{
	            echo '<li>Sorry, no video\'s found</li>';
	        }
	        ?>
       		</ul>
        </div>
        <!-- Remove if you don't want the footer shadow -->
        <div style="height:0px; font-size:0em;clear:both;">&nbsp;</div>
        <div class="ytfooter ytfooterright">&nbsp;</div>
        <!-- END -->
    </div>
    
    <?php
	}
	?>
    
</div>
<!-- END youtube player -->


</body>
</html>

Now the problem is i want to make it button, thou i try a href to be like a button but the description of a text was showing not the Preview word [Preview].

Is it possible that, That link will have the same function for the button?

i like to create?

thank you so much for your time.

-king

In Topic: problem with Ahref and button

Posted 6 Jul 2012

Dormilich, on 06 July 2012 - 04:48 AM, said:
the solution is simple. stlye the link in a way that it looks like a button (you’ll certainly need to modify borders, background and the states (:active))

cf. jQueryUI-Button

PS. I don’t open unkown files.

Sorry maybe i should remove it.

Yes, I did that but the problem is the Thumbnail was still there and the description of the youtube ID.

What i need is that get that ID from that link and use it for the Button then when i click that button --that button should pass the info for jQuery YT.

My Information

Member Title:: D.I.C Head
Age:: 27 years old
Birthday:: August 16, 1985
Gender:
Interests:: PHP

Contact Information

E-mail:: Private

Friends

king1212 hasn't added any friends yet.

Comments

king1212 has no profile comments yet. Why not say hello?

king1212's Profile User Rating:

Previous Fields

Posts I've Made

In Topic: Job opportunity in Asia

In Topic: problem with Ahref and button

In Topic: problem with Ahref and button

In Topic: problem with Ahref and button

In Topic: problem with Ahref and button

My Information

Contact Information

Friends

Comments