Jump to content

sweetysweety

Members
  • Posts

    54
  • Joined

  • Last visited

Posts posted by sweetysweety

  1. var control;function initializePlayer()	{control=document.getElementById("controls");control.addEventListener("mouseover",hoverVideo,false);control.addEventListener("mouseout",hideVideo,false);}window.onload=initializePlayer;function hoverVideo(event)		{			control.style.visibility="visible";		}		function hideVideo(event)		{			control.style.visibility="hidden";		}	

    i try this code but it is not working too.i'm trying to reach all links of class name=menuItem.i use to reach: document.getElementsByClassName("menuItem").getElementsByTagName("a")

    but it did not work.

  2. hi,
    i have a video and i created custom controls for this video.
    i want to show custom controls,when mouse is over then hide controls,when mouse is out.
    i wrote some code for this but it makes this even once.the second and more hovers,controls remains hidden.
    here is my code:
    function initializePlayer(){control=document.getElementById("controls");control.addEventListener("mouseover",hoverVideo,false);}window.onload=initializePlayer;function hoverVideo(e){control.style.visibility="visible";control.addEventListener("mouseout",hideVideo,false);}function hideVideo(e){e.preventDefault();control.style.visibility="hidden";}
    i actually have another problem about video effects.
    <div id="gallery">   <div id="slides">     <div class="slide" >                  <div id="contain" style="width:900px; height:350px; background-color:#000000; margin:0 auto; font:Arial, Helvetica, sans-serif;">         <video id="video" width="900" height="320" autoplay class="video-js vjs-default-skin" autohide="3">             <source src="video/The-Big-White---Sample.webm" type="video/webm"/>                 <source src="video/big_buck_bunny_1080p_stereo.ogg" type="video/ogg"/>   <source  src="video/The-Big-White---Sample.mp4" type="video/mp4"/>   <source src="video/Examplevideo.ogv" type="video/ogg"/>       </video>                     <div id="controls" style="background-color:#666666; height:30px;">                 <button id="playpause" style=" border:none; width:16px; height:16px; cursor:pointer; opacity:0.5; background:url(imajlar/pause.png); margin-left:5px; margin-top:7px;"></button>                            <input id="seekslider" type="range" min="0" max="100" value="0" step="1" style="width:250px; border-radius:100px;">                            <span id="curtimetext" style="color:#999999;"></span> / <span id="durtimetext" style="color:#999999;"></span>                            <button id="mutebtn" style="background-color:#999999; width:16px; height:16px; background:url(imajlar/volume.png); margin-left:5px; margin-top:7px; border:none; cursor:pointer;"></button>                            <input id="volumeslider" type="range" min="0" max="100" value="100" step="1" style="width:50px; border-radius:100px;">                            <button id="fullscreenbtn" style="width:16px; height:16px; background:url(imajlar/full_screen.png); margin-left:5px; margin-top:7px; border:none; cursor:pointer;"></button>                   </div>                </div>              </div>     <div class="slide"">              </div>     <div class="slide">              </div>     <div class="slide">              </div>        </div>    </div>  <div id="menu">       <ul id="menuButtons" class="group">           <li class="menuItem" id="current_page_item_two">             <a href="#"></a>            </li>            <li  id="bosluk">                 <img  src="imajlar/beyazDikdortgen196px-beyaz.gif" alt="whitespace" />            </li>         <li class="menuItem" id="button1">             <a id="hakkimizdaButon" href="">                 <img  src="imajlar/1hakkimizda-icon.png" alt="thumbnail"  />                </a>            </li>            <li  class="bosluk2">               <img src="imajlar/beyazDikdortgen149px-beyaz.gif" alt="whitespace"/>            </li>                     <li class="menuItem" id="button2">             <a id="islerimizButon" href="">                 <img  src="imajlar/2isler-icon.png" alt="thumbnail" />                </a>          </li>            <li  class="bosluk2">                <img src="imajlar/beyazDikdortgen149px-beyaz.gif" alt="whitespace"/>           </li>         <li class="menuItem" id="button3">             <a id="iletisimButon" href="">                 <img src="imajlar/3iletisim-icon.png" alt="thumbnail"/>                </a>         </li>      </ul></div>
    i want to pause the video,when i clicked one of buttons have classname=menuItem
    how can i solve this problems?
  3. hi everyone.my website is:http://www.terranartworks.com/testsite/tsv1/index.htmlthe video at the main page is seems ok in chrome,opera and safari well.but in ff and ie not working.i know about ie is not accepting video tag.the video begins automatically,when page is loaded.when i click one of buttons at the bottom of page,the video that is working will paused.i wrote a script for this but while this script is active,ff is not open video.when i move the script that i mentioned into the head tag,the video is begin to work in ff.i do not understand why.does anyone help me to solve my brain confuse?i also wondered how can i embed video for ie.besides can i change the images of video controls programmatically?

  4. You are looking for a script similar to below, when clicked the link is disabled temporary as the animation is run, only when the animation is finished does to use the link value from href attribute, to go to that address
     $('#maps').click(function(e){ e.preventDefault(); $(this).parent('.circle').animate({'width': 0, 'opacity': 0 }, 'slow', 'linear' ,function(){ window.location=$(this).find('a').attr('href'); }); });

    Because you are using img tag instead of background image for anchor links you will have to use overflow hidden to prevent these images from still showing.

     .circle{ margin:0; -webkit-box-shadow:0 0 5px #CCC, 0 0 400px #fff inset; -moz-box-shadow:0 0 5px #CCC, 0 0 400px #fff inset; box-shadow:0 0 5px #CCC, 0 0 400px #fff inset; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=400,Direction=0,Color='#fff')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=400,Direction=0,Color='#fff'); width:250px; height:315px; z-index:5000; cursor:default; overflow:hidden; /* added by dsonesuk */ }

    thanks a lot dsonesuk.it is a best answer for me:)
  5. hi,i have a web site and it has object tags in it.the object tag consists another website.i'm trying to do that,reaching the embedded page,whichidentifying object tag and make some processes according to main page and embedded page.i actually want to do that,i create a button on mainpage.but i want to appear that button,only user clicks inside some of the embedded site's button. is there any way to do this?

  6. you're right with animation but boss say that it will better:)they want to see,when user clicks a map button,the blurred panel will slide and google map will load synchronouslyi don't understand what you trying to say about clear interval.can you specify more?

  7. hi,i have a site like:http://www.terranartworks.com/testsite/tsv1/iletisim.html i tryin to make the blurred panel sliding to at the beginning and hide it,when i pressed at the button which stands upper form mail address.i did not understand why it is not working.do anyone help me to doing?

  8. hi,i'm creating a website.but some parts of scripts not working some of browsers.http://www.terranartworks.com/testsite/tsv1/index.html magicline query is not working on opera and i.e.,blur query is not working on chrome and safari. i did not understand why.can anyone help me to solve this problem?

  9. hi,i have a page like:

    <!doctype html><html><head><meta charset="UTF-8"><title>GoogleMap</title><script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script><script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js'></script><script type='text/javascript' src='blur.min.js'></script>  <style type='text/css'>body{margin:0;padding:0;color:#fff;font-family:arial;text-shadow:0 2px 2px #000; background:top left no-repeat;background-image:url('imajlar/Screen%20Shot%202013-06-10%20at%201.52.21%20PM%20(2).png'); }.circle{margin:0;-webkit-box-shadow:0 0 5px #CCC, 0 0 400px #fff inset;-moz-box-shadow:0 0 5px #CCC, 0 0 400px #fff inset;box-shadow:0 0 5px #CCC, 0 0 400px #fff inset;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=400,Direction=0,Color='#fff')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=400,Direction=0,Color='#fff'); width:250px;height:315px; cursor:default;}</style></head><body><div class="circle">     <div class="iletisim" align="center">                         <img src="imajlar/ILETISIM/adres.png" name="address" style="margin-top:40px; margin-bottom:10px;"/>                        </div><div class="telephone" align="center">                         <img src="imajlar/ILETISIM/tel-fax.png" name="telephoneandfax" style="margin-bottom:10px;"/>                        </div>                        <div class="maps" align="center">                        <a href="https://maps.google.com/maps/ms?msa=0&msid=213710056391168101473.0004de675e2aaab352935&hl=tr&ie=UTF8&t=m&ll=40.982717,29.066316&spn=0.002551,0.008615&z=17&output=embed">                         <img src="imajlar/ILETISIM/harita.png" name="telephoneandfax" style="margin-bottom:10px;"/>                            </a>                        </div><div class="mail" align="center">                         <a href="mailto:grafik@terranartworks.com">                             <img src="imajlar/ILETISIM/mail.png" name="mail"/>                            </a>                        </div>    </div><script type="text/javascript">$(document).ready(function(){$('.circle').blurjs({draggable: false,overlay: 'rgba(255,255,255,0.1)',});});</script> </body></html>

    i want to add a link up to map and somewhere that i clicked at the map photo,i want to load original google map page.then when i click a button,the original map should return to its first position,i mean to which picture and communication infos page.i insert <a> tag after the body tag but it didn't do what i wanted.is there any solution for this problem?

  10. i have a website like:http://www.terranartworks.com/testsite/tsv1/index.html i'm tryin to blurred from left of iframe which has google map on it.when i blurred it,i will put some texts images etc.

  11. hello i have a structure like this:http://www.terranartworks.com/Example/index.html i'm trying to do that red point stop at the middle of button,when user clicks on it.i tried to make this with position plugin on jquery but it did'n do that i wanted to do. can anyone tell me to solve this problem?

  12. hello everyone. i have a structure like this:http://www.terranartworks.com/Example/index.html i'm trying to make the red panel which slide under the buttons begin from the next to the leften side of first button but i do not know how to make this happen.can anyone help me to solve this problem?

  13. hi everyone, i have a design of a site: http://www.terranartworks.com/testsite/tsv1/index.html i'm trying to make:1- red point will slide and stop at the center position of every button,when i clicked at the button.2- grey point will slide and stop at the red points position when mouse is not at the buttons area i try to take an half of width of the link and assign red point to there but it will not working how can i do this?

  14. hi guys,i have a jquery code.it is working only firefox.other browsers are not see the code.i search in web but nothing appears.can anyone help me to solve this problem??here is my code:

    $(function() {[/size][/font][/color][color=#333333][font=Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif][size=3]    var $el, leftPos, newWidth;	    $mainNav2 = $("#example-two");    $mainNav2.append("<li id='magic-line-two'></li>");    var $magicLineTwo = $("#magic-line-two");var top=parseInt($magicLineTwo.css("top"))var bottom=parseInt($magicLineTwo.css("bottom"))var totalHeight=top+bottom;    $magicLineTwo	    .width($("#current_page_item_two").width())	    .height(totalHeight)	    .css("left", $("#current_page_item_two a").position().left)	    .data("origLeft", $magicLineTwo.position().left)	    .data("origWidth", $magicLineTwo.width())	    .data("origColor", $(".menuItem a").attr("rel"));    $("#example-two li ").find("a").mousedown(function() {[/size][/font][/color][color=#333333][font=Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif][size=3]	    $el = $(this);	    leftPos = $el.position().left;	    newWidth = $el.parent().width();	    $magicLineTwo	  .css("visibility",'visible')	  .stop().animate({				    left: leftPos,				    width: newWidth,		   opacity:1	    },{duration:1000,easing:"swing"});    }, function() {	    $magicLineTwo.stop().animate({		    left: $magicLineTwo.data("origLeft"),		    width: $magicLineTwo.data("origWidth")	    },{duration:1000,easing:"swing"});       });   });[/size][/font][/color][color=#333333][font=Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif][size=3]

    you can see the test of my site at:http://www.terranartworks.com/testsite/tsv1/index.html

×
×
  • Create New...