sweetysweety

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.

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?

hi,my website is:http://http://www.terranartworks.com...sv1/index.htmlthe video begins automatically.i want to pause the video,when user clicks one of three buttons on bottom of page.i use anything slider jquery for this.how can i do this?

yes i know the formats that ff supported and i add all the formats for all browsers already.i think its because of my script because when i remove my script,the video begins to work in ff.

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?

<object data="iletisim.html" height="350" width="900" type="text/html" class="iletisimSayfasi" name="iletisimSayfasi" id="iletisimSayfasi"></object> i'm trying to reach elements inside of "iletisim.html".both pages are at the same domain.how can i do?

hi everyone, here is my website:http://www.terranartworks.com/testsite/tsv1/index.html i try to do that,when user clicks one of three button on bottom,then clicks on logo button,the red panel and content panel slide back to its begin position. i wrote a jquery for this but it will not slide back. how can i solve this problem?

hi, i have a website: http://www.terranartworks.com/testsite/tsv1/index.html i'm trying to positioning the red point,when browser resized.but i couldn't find how to do this.it has not a stable position,it will position when user clicks button.so how can i position this element,while browser became bigger or smaller.i mean that after the browser's opening and clicking one of three buttons and then browser resizing.

hi, my webpage is:http://www.terranartworks.com/testsite/tsv1/index.html i'm designed this site in 1024*768.i'm trying to central elements inside of body,when page size changed.for example;when page size is bigger than 1024*768,the elements stay where they at the beginning. how can i do this.can anyone help me?

embed means that: <div class="slide"> <object data="iletisim.html" height="315" width="804" type="text/html" class="iletisimSayfasi" name="iletisimSayfasi" id="iletisimSayfasi"></object> </div> i'm trying to reach elements inside of iletisim.html from my main page.

thanks a lot dsonesuk.it is a best answer for me:)

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?

yes i change the code because of my panel couldn't show,when google map is in active state.so i removed that script.

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?

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?

no i deleted unrelevant versions.i have only 1.9.1 and 1.5.2 versions.i removed 1.5.2 version but points didn't work.so i put back that version at the same place.

i fix that problem but it doesn't do that i wanted already

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?

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?

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.

hi.i have an iframe on my site which shows google map in it.i'm tryin to put a blurred website from the left site of iframe.how can i do this?

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?

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?

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?

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