Jump to content

uHeadphones.Com

Members
  • Content Count

    20
  • Joined

  • Last visited

Community Reputation

0 Neutral

About uHeadphones.Com

  • Rank
    Newbie
  1. Hi JustSomeGuy, Previously we had spoken about an issue with my sequence banner(Text is Above) we had fixed it by working with the js script and working with stars and stop on the "focus" and "blur". Recently I have been having the same issue again but only in Firefox and Chrome. Do you know why the issue has reverted back to before we had fixed it? Below I will attach the Js script for the Sequence Banner. // Start Sequence Banner(function($){ $.fn.scSequenceBanner = function(options){ var defaults = { slideOnClass : "scSBon", slidePausePos : "center", slideWidth : 931, showNumbers : true, slideAuto : true, slideTimer : 5, showNumbersX : 19, showNumbersY : 231 }; var settings = $.extend({},defaults,options); return this.each(function(){ var mainObj = $(this); var subMainObj = mainObj.children("div"); var slideObjs = mainObj.children("div").children("div"); var slideNumber = subMainObj.children("div").length; var currNum = 0, pauseBtn; // set main containers width subMainObj.css('width',(settings.slideWidth)+"px"); // if slideAuto is True start interval function startInterval(){ var slideTime = settings.slideTimer*1000; scSBInterval = setInterval(processAuto,slideTime); } // scrolling function function processBtn(_btnnum){ var numberBtns = numberContainer.children("a"); numberBtns.removeClass(settings.slideOnClass); numberBtns.eq(_btnnum).addClass(settings.slideOnClass); currNum=_btnnum; } // auto scroll process function processAuto(){ (currNum==(slideNumber-1)) ? currNum = 0 : currNum += 1; (settings.showNumbers) ? processBtn(currNum) : ''; processTransition(currNum); } // transition function function processTransition(_btnnum){ subMainObj.children().eq(_btnnum).animate({opacity:1},300).css('z-index',1); subMainObj.children().not(slideObjs.eq(_btnnum)).animate({opacity:0},300).css('z-index',0); } // show number buttons function showNumbers(){ numberContainer = $(document.createElement("div")).addClass("scSequenceButtons").css("top",settings.showNumbersY).css("right",settings.showNumbersX); slideObjs.each(function(i){ numberContainer.append($(document.createElement("a")).click(function(e){processBtn(i); processTransition(i); (settings.slideAuto) ? clearInterval(scSBInterval) : ''; e.preventDefault();}).addClass("scSButton").text(" ")); }); mainObj.append(numberContainer); numberContainer.children("a").eq(0).addClass(settings.slideOnClass); } // pause button functionality function showPause(){ pauseBtn.animate({top:0},400); } function hidePause(){ pauseBtn.animate({top:-pauseBtn.height()},400); } $.fn.opacity = function(_value) { return $(this).css('opacity',_value); }; // feature initialization $.fn.initialize = function(){ slideObjs.each(function(){ slide = $(this); slide.width(settings.slideWidth).height(mainObj.height()); slide.not(slideObjs.eq(0)).opacity(0).css('z-index',0); slideObjs.eq(0).opacity(1).css('z-index',1) }); (settings.showNumbers) ? showNumbers() : ''; if(settings.slideAuto){ mainObj.hover(function(){clearInterval(scSBInterval); showPause();},function(){startInterval(); hidePause();}); window.addEventListener('focus', function(){startInterval();hidePause();}); window.addEventListener('blur', function(){clearInterval(scSBInterval);showPause();}); startInterval(); pauseBtn = $(document.createElement("div")).addClass("scSequencePause"); mainObj.append(pauseBtn); switch(settings.slidePausePos){ case "right": pauseBtn.css({top:-pauseBtn.height(),left:(mainObj.width()-pauseBtn.width())}); break; case "left": pauseBtn.css({top:-pauseBtn.height(),left:0}); break; case "center": pauseBtn.css({top:-pauseBtn.height(),left:(mainObj.width()/2-pauseBtn.width()/2)}); break; } } } }); }})(jQuery);// End Sequence Banner Thank You for the Help.
  2. Hi All, I recently started to have issues with my website, uHeadphones.Com, only in the Firefox browser. On my index page the icon for my top vendor's (Aerial7, AudioFly, Plantronics, Sony, WeSC) is intruding in my category bar(in-ear, over-ear, bluetooth..etc, etc.). Does anybody know what my issue could be? This is only happening to me in Firefox. Thank You
  3. Hey More Than Human, Here is the updated code everything is fixed now. <!-- START HEADER --><script type="text/javascript" src="themes/default/inc/scripts.js"></script><script type="text/javascript" src="themes/default/inc/jquery.megamenu.js"></script><script language="JavaScript" src="https://seal.networksolutions.com/siteseal/javascript/siteseal.js" type="text/javascript"></script><link rel="shortcut icon" href="/themes/default/images/favicon.ico" type="image/x-icon" /><div id="header"> <div id="header-top">Free Ground Shipping on all orders over $99</div> <div id="header-left"> <div id="logo"><a href="index.aspx" /><img src="themes/default/images/logo.gif" alt="Headphones.com" /></a></div></div><div class="searcharea"><div class="custom-search" id="ctl00_ctl02_searchBox"><input type="text" class="textbox custom-search-field" id="search-textbox" name="ctl00$ctl02$search" onfocus="if(this.value == this.defaultValue){this.value='';}" onblur="if(this.value == ''){this.value= this.defaultValue;}" value="Enter keyword(s), item#, etc..." /><input type="image" class="custom-search-button" id="search-button" alt="Go" src="themes/default/images/btn_header_search.gif" id="ctl00_ctl02_go" name="ctl00$ctl02$go" /></div></div> The red is where they fixed the header logo can stopped it from hitting the search bar....the orange part I have a question about..my site is uHeadphones.Com not headphones.com, why did they change it to headphones.com? is this going to affect my site? Also they changed up the search bar code a little bit. Thank You for all of the help
  4. Man this sucks idk why it is doing that either. I have asked around and no one can figure it out. I think I am just going to call my hosting company and pay a specialized person to fix it, hopefully that works and is semi affordable. Do you know any other ways that I would be able to get the coding and search bar fixed in a reasonable time?
  5. Hey Dsonesuk, Thank You for helping limiting the issue down. Can you highlight what I should remove or fix? Thank You <!-- START HEADER --><script type="text/javascript" src="themes/default/inc/scripts.js"></script><script type="text/javascript" src="themes/default/inc/jquery.megamenu.js"></script><script language="JavaScript" src="https://seal.networksolutions.com/siteseal/javascript/siteseal.js" type="text/javascript"></script><link rel="shortcut icon" href="/themes/default/images/favicon.ico" type="image/x-icon" /><div id="header"> <div id="header-top">Free Ground Shipping on all orders over $99</div> <div id="header-left"> <div id="logo"><a href="index.aspx" /></div></div> <div class="searcharea"> <div class="custom-search" id="ctl00_ctl02_searchBox"> <input type="text" class="textbox custom-search-field" maxlength="100" id="search-textbox" value="Enter keyword(s), item #, etc..." onblur="if (this.value == '') {this.value = 'Enter keyword(s), item #, etc...';}" onfocus="if (this.value == 'Enter keyword(s), item #, etc...') {this.value = '';}" /> <input type="image" class="custom-search-button" alt="Go" src="themes/default/images/btn_header_search.gif" id="search-button" name="ctl00$ctl02$go" /> </div></div> <div id="header-right"> <div class="headerlinks"><a href="index.aspx" title="cart">Home</a> | <a href="login.aspx">Login</a> | <a href="contact-us.aspx">Contact Us</a></div> <div class="shopbtn"> <div class="cartbtn"><a href="cart.aspx">CART</a></div> <div class="fc-cartinfo"><span class="cart_count"> <%Cart.Count%> Item(s) </span> <span class="itemtotal"> <%Cart.Total%> </span><a href="cart.aspx" title="cart"><img src="themes/default/images/arrow_black.gif" alt="View Cart" /></a></div> </div> </div></div>
  6. Hey All, So I deleted the duplicate error and I no longer have an error on my HTML for my search bar. Could the index refresh be coming from another area of my index page?
  7. It highlight the type="text" and class="textbox" as duplicates
  8. Also it gave me this error for the same line Line 41, Column 65: duplicate specification of attribute "type"…ss="textbox custom-search-field" type="text" maxlength="100" id="search-textbo…✉You have specified an attribute more than once. Example: Using the "height" attribute twice on the same "img" tag.
  9. Thank You Foxy Mod I am new to all of this so the validator really helps, I believe that this is the error it came up with the specific HTML for the search bar. Do you know what the fix would be? IF I just delete the class attribute? I will post the code for the search bar here. <div class="searcharea"> <div class="custom-search" id="ctl00_ctl02_searchBox"> <input type="text" class="textbox custom-search-field" type="text" maxlength="100" id="search-textbox" class="textbox" value="Enter keyword(s), item #, etc..." onblur="if (this.value == '') {this.value = 'Enter keyword(s), item #, etc...';}" onfocus="if (this.value == 'Enter keyword(s), item #, etc...') {this.value = '';}" /> <input type="image" class="custom-search-button" alt="Go" src="themes/default/images/btn_header_search.gif" id="search-button" name="ctl00$ctl02$go" /> </div></div> Line 41, Column 114: duplicate specification of attribute "class"…ength="100" id="search-textbox" class="textbox" value="Enter keyword(s), item …✉You have specified an attribute more than once. Example: Using the "height" attribute twice on the same "img" tag.
  10. Hi All, I am having issues with my search bar on my website www.uHeadphones.Com. When I click the search bar to input a keyword or anything it is refreshing my index page. If I am on my product page it is refreshing back to my index page. Pretty much it is acting as my logo button in the top left of the header. Can someone please help me out with this. I can't figure out what is wrong with the code. I am decent with HTML but not so great with JavaScript. Below I am going to post my header HTML code as with as my script.js JavaScript code. HTML in Header: actual search bar code in red <!-- START HEADER --><script type="text/javascript" src="themes/default/inc/scripts.js"></script><script type="text/javascript" src="themes/default/inc/jquery.megamenu.js"></script><script language="JavaScript" src="https://seal.networksolutions.com/siteseal/javascript/siteseal.js" type="text/javascript"></script> <div class="searcharea"> <div class="custom-search" id="ctl00_ctl02_searchBox"> <input type="text" class="textbox custom-search-field" type="text" maxlength="100" id="search-textbox" class="textbox" value="Enter keyword(s), item #, etc..." onblur="if (this.value == '') {this.value = 'Enter keyword(s), item #, etc...';}" onfocus="if (this.value == 'Enter keyword(s), item #, etc...') {this.value = '';}" /> <input type="image" class="custom-search-button" alt="Go" src="themes/default/images/btn_header_search.gif" id="search-button" name="ctl00$ctl02$go" /> </div></div> JavaScript: Script.JS file:jQuery(function(){ var SelfLocation = window.location.href.split('?'); switch (SelfLocation[1]) { case "justify_right": jQuery(".megamenu").megamenu({ 'justify':'right' }); break; case "justify_left": default: jQuery(".megamenu").megamenu(); } }); function loadSearch() { var searchText = document.getElementById("search-textbox"); var searchButton = document.getElementById("search-button"); searchButton.onclick = function() { if (searchText.value != '') { window.location = '/search.aspx?find=' + encodeURIComponent(searchText.value).replace(/%20/g, '+'); return false; } };} MC.addLoadEvent(loadSearch);// Start Simple Text Popup//(function($){// $.fn.scSimpleText = function(options){ // var defaults = { // popCloseTxt : '' // }; //var settings = $.extend({},defaults,options); //return this.each(function(){ // var nextElm = $(this).next(); // var closeElement = $(document.createElement("a")).attr("href","").text(settings.popCloseTxt).addClass("scSimpleTextClose").click(function(e){nextElm.fadeOut("slow"); e.preventDefault();}); //$(this).click(function(e){ // nextElm.fadeIn("slow"); //nextElm.append(closeElement); // e.preventDefault(); // }); // });// }// End Simple Text Popup /**********************************************************************************************************//****************************** Place all add on JS above here, please minify *****************************//**********************************************************************************************************/ /************************************* Document on Load jQuery Functions **********************************/ jQuery(document).ready(function() { // simple text popup for privacy link // $("#simpleTextLink").scSimpleText({popClose:".simpleTextRight"});
  11. Here is the Script.JS coding as well, forgot to include this before: Script.JS:function loadSearch() {var searchText = document.getElementById("search-textbox");var searchButton = document.getElementById("search-button");searchButton.onclick = function() {if (searchText.value != '') {window.location = '/search.aspx?find=' + encodeURIComponent(searchText.value).replace(/%20/g, '+');return false;}};}MC.addLoadEvent(loadSearch);// Start Simple Text Popup//(function($){// $.fn.scSimpleText = function(options){// var defaults = {// popCloseTxt : ''// };//var settings = $.extend({},defaults,options);//return this.each(function(){ // var nextElm = $(this).next();// var closeElement = $(document.createElement("a")).attr("href","").text(settings.popCloseTxt).addClass("scSimpleTextClose").click(function(e){nextElm.fadeOut("slow"); e.preventDefault();});//$(this).click(function(e){ // nextElm.fadeIn("slow");//nextElm.append(closeElement);// e.preventDefault();// });// });// }// End Simple Text Popup
  12. Are you familiar with search bars as well? I am having an issue where when I click the search bar in Safari, Firefox and Google Chrome it refreshes my index page. This only started about a week ago and I never changed any of the JS or HTML for it. I will post the HTML and the JS for this below: HTML in Header: <div class="searcharea"> <div class="custom-search" id="ctl00_ctl02_searchBox"> <input type="text" class="textbox custom-search-field" type="text" maxlength="100" id="search-textbox" class="textbox" value="Enter keyword(s), item #, etc..." onblur="if (this.value == '') {this.value = 'Enter keyword(s), item #, etc...';}" onfocus="if (this.value == 'Enter keyword(s), item #, etc...') {this.value = '';}" /> <input type="image" class="custom-search-button" alt="Go" src="themes/default/images/btn_header_search.gif" id="search-button" name="ctl00$ctl02$go" /> </div></div> Script.JS:function loadSearch() { var searchText = document.getElementById("search-textbox"); var searchButton = document.getElementById("search-button"); searchButton.onclick = function() { if (searchText.value != '') { window.location = '/search.aspx?find=' + encodeURIComponent(searchText.value).replace(/%20/g, '+'); return false; } };} MC.addLoadEvent(loadSearch);// Start Simple Text Popup//(function($){// $.fn.scSimpleText = function(options){ // var defaults = { // popCloseTxt : '' // }; //var settings = $.extend({},defaults,options); //return this.each(function(){ // var nextElm = $(this).next(); // var closeElement = $(document.createElement("a")).attr("href","").text(settings.popCloseTxt).addClass("scSimpleTextClose").click(function(e){nextElm.fadeOut("slow"); e.preventDefault();}); //$(this).click(function(e){ // nextElm.fadeIn("slow"); //nextElm.append(closeElement); // e.preventDefault(); // }); // });// }// End Simple Text Popup Once again I am sorry for this it might be a little bit of work for you. I really appreciate the help
  13. You are the man....So far it is working lets hope this keeps up...I have been looking and asking around for so long trying to fix that I can't believe it was that easy
  14. Ok thank you for the response do you have an idea on how I could get this fixed as soon as possible? It sounds like everyone says it shouldn't be happening but it is and I am not qualified enough to be able to figure out the ways to fix it.
  15. Here is the code from the jquery.megamenu.js file: /* jQuery MegaMenu Plugin Author: GeekTantra Author URI: http://www.geektantra.com*/var isIE6 = navigator.userAgent.toLowerCase().indexOf('msie 6') != -1; jQuery.fn.megamenu = function(options) { options = jQuery.extend({ activate_action: "click", deactivate_action: "mouseleave", show_method: "slideDown", hide_method: "slideUp", justify: "right", mm_timeout: 250 }, options); var $megamenu_object = this; if( options.activate_action == "click" ) options.mm_timeout = 0; $megamenu_object.children("li").each(function(){ jQuery(this).addClass("mm-item"); jQuery(".mm-item").css({ 'float': options.justify }); jQuery(this).find("div:first").addClass("mm-item-content"); jQuery(this).find("a:first").addClass("mm-item-link"); var $mm_item_content = jQuery(this).find(".mm-item-content"); var $mm_item_link = jQuery(this).find(".mm-item-link"); $mm_item_content.hide(); jQuery(document).bind("click", function(){ jQuery(".mm-item-content").hide(); jQuery(".mm-item-link").removeClass("mm-item-link-hover"); }); jQuery(this).bind("click", function(e){ e.stopPropagation(); }); var $mm_timer = 0; // Activation Method Starts jQuery(this).bind(options.activate_action, function(e){ e.stopPropagation(); var mm_item_link_obj = jQuery(this).find("a.mm-item-link"); var mm_item_content_obj = jQuery(this).find("div.mm-item-content"); clearTimeout($mm_timer); $mm_timer = setTimeout(function(){ //Emulate HoverIntent mm_item_link_obj.addClass("mm-item-link-hover"); mm_item_content_obj.css({ 'top': ($mm_item_link.offset().top + $mm_item_link.outerHeight()) - 1 +"px", 'left': ($mm_item_link.offset().left) - 5 + 'px' }) if(options.justify == "left"){ var mm_object_right_end = $megamenu_object.offset().left + $megamenu_object.outerWidth(); // Coordinates of the right end of the megamenu object var mm_content_right_end = $mm_item_link.offset().left + $mm_item_content.outerWidth() - 5 ; // Coordinates of the right end of the megamenu content if( mm_content_right_end >= mm_object_right_end ) { // Menu content exceeding the outer box mm_item_content_obj.css({ 'left': ($mm_item_link.offset().left - (mm_content_right_end - mm_object_right_end)) - 2 + 'px' }); // Limit megamenu inside the outer box } } else if( options.justify == "right" ) { var mm_object_left_end = $megamenu_object.offset().left; // Coordinates of the left end of the megamenu object var mm_content_left_end = $mm_item_link.offset().left - mm_item_content_obj.outerWidth() + $mm_item_link.outerWidth() + 5; // Coordinates of the left end of the megamenu content if( mm_content_left_end <= mm_object_left_end ) { // Menu content exceeding the outer box mm_item_content_obj.css({ 'left': mm_object_left_end + 2 + 'px' }); // Limit megamenu inside the outer box } else { mm_item_content_obj.css({ 'left': mm_content_left_end + 'px' }); // Limit megamenu inside the outer box } } switch(options.show_method) { case "simple": mm_item_content_obj.show(); break; case "slideDown": mm_item_content_obj.height("auto"); mm_item_content_obj.slideDown('fast'); break; case "fadeIn": mm_item_content_obj.fadeTo('fast', 1); break; default: mm_item_content_obj.each( options.show_method ); break; } }, options.mm_timeout); }); // Activation Method Ends // Deactivation Method Starts jQuery(this).bind(options.deactivate_action, function(e){ e.stopPropagation(); clearTimeout($mm_timer); var mm_item_link_obj = jQuery(this).find("a.mm-item-link"); var mm_item_content_obj = jQuery(this).find("div.mm-item-content");// mm_item_content_obj.stop(); switch(options.hide_method) { case "simple": mm_item_content_obj.hide(); mm_item_link_obj.removeClass("mm-item-link-hover"); break; case "slideUp": mm_item_content_obj.slideUp( 'fast', function() { mm_item_link_obj.removeClass("mm-item-link-hover"); }); break; case "fadeOut": mm_item_content_obj.fadeOut( 'fast', function() { mm_item_link_obj.removeClass("mm-item-link-hover"); }); break; default: mm_item_content_obj.each( options.hide_method ); mm_item_link_obj.removeClass("mm-item-link-hover"); break; } if(mm_item_content_obj.length < 1) mm_item_link_obj.removeClass("mm-item-link-hover"); });// Deactivation Method Ends }); this.find(">li:last").after('<li class="clear-fix"></li>'); this.show();};
×
×
  • Create New...