Find Jobs
Hire Freelancers

Info Website Coding Adjustment

$10-30 USD

Complété
Publié il y a 2 mois

$10-30 USD

Payé lors de la livraison
I need assistance with a specific website coding issue, to make the sticky position of an element adjust to below the Google Translate banner whenever the banner is displayed and not adjust whenever the Google Translate banner doesn't show. Skills and Experience Required: • Proficient in website coding • Knowledge of Google Translate banner • Familiarity with adjusting sticky positions of div elements The following test code works by adjusting the sticky position based on if the original language (English) is displayed or not, rather than by directly detecting the Google Translate banner. The problem is that when the banner is displayed and someone selects "Show Original", after scrolling down further, the sticky heading is hidden behind the Google Translate banner - so I'd like it to work similar to this code, except by directly detecting the Google Translate banner, lowering the stickyheading div whenever the Google Translate banner shows and not lowering the stickyheading div whenever the Google Translate banner doesn't show (possibly using onload, readyState, or something else, but I haven’t gotten anything to work). <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> body{font-family:Verdana;} s1{font-size:1.5em; font-weight:bold;} #stickyheading {position:sticky;top:0;z-index:5;background:white;padding-bottom:5px; padding-top: 5px;} </style> </head> <body onscroll="translatestickyF()"> <div id="google_translate_element"></div> <script type="text/javascript"> function googleTranslateElementInit() { new [login to view URL]({pageLanguage: 'en', layout: [login to view URL]}, 'google_translate_element'); } </script> <script type="text/javascript" src="//[login to view URL]"></script> <br>A little text. <br>A little text. <br>A little text. <br>A little text. <br>A little text. <br> <div id="stickyheading"> <s1>This heading should stick at the top of the page when no Google Translate banner is displayed, and just below the Google Translate banner when the Google Translate Banner is displayed (including after "Show original" is selected on the Google Translate banner).<br> </s1> </div> <br> <span id="text1">Text1.</span> <br> Text2.<br>Text3<br>Text4.<br>Text5.<br>Text6.<br>Text7.<br>Text8.<br>Text9.<br>Text10.<br>Text11.<br>Text12.<br>Text13.<br>Text14.<br>Text15.<br>Text16.<br>Text17.<br>Text18.<br>Text19.<br>Text20.<br>Text21.<br>Text22.<br>Text23.<br>Text24.<br>Text25.<br>Text26.<br>Text27.<br>Text28.<br>Text29.<br>Text30.<br>Text31.<br>Text32.<br>Text33.<br>Text34.<br>Text35.<br>Text36.<br>Text37.<br>Text38.<br>Text39.<br>Text40.<br>Text41.<br>Text42.<br>Text43.<br>Text44.<br>Text45.<br>Text46.<br>Text47.<br>Text48.<br>Text49.<br>Text50.<br>Text51.<br>Text52.<br>Text53.<br>Text54.<br>Text55.<br>Text56.<br>Text57.<br>Text58.<br>Text59.<br>Text60.<br>Text61.<br>Text62.<br>Text63.<br>Text64.<br>Text65.<br>Text66.<br>Text67.<br>Text68.<br>Text69.<br>Text70.<br> <script> function translatestickyF() { var testbanner = [login to view URL]("testbanner"); var stickyheading = [login to view URL]("stickyheading"); var text1 = [login to view URL]("text1"); if ([login to view URL]!="Text1.") {stickyheading.style.top="40px";} else {stickyheading.style.top="0";} } </script> </body> </html>
N° de projet : 37924259

Concernant le projet

26 propositions
Projet à distance
Actif à il y a 2 mois

Cherchez-vous à gagner de l'argent ?

Avantages de faire une offre sur Freelancer

Fixez votre budget et vos délais
Soyez payé pour votre travail
Surlignez votre proposition
Il est gratuit de s'inscrire et de faire des offres sur des travaux
Décerné à :
Avatar de l'utilisateur
As an experienced web developer with a strong command of HTML and JavaScript, I can confidently address your specific website coding issue. Upon reviewing your test code, I recognize the need to directly detect the Google Translate banner to ensure the optimal positioning of the stickyheading div. Leveraging my knowledge and understanding of these intricate web elements, I will modify your existing code to meet your requirements accurately. My proficiency does not only lie in technicalities but also in ensuring the solutions I provide are intuitive for users. This project aligns perfectly with my expertise and approach. Not only will I enhance the logic behind detecting Google Translate banner, but I'll also ensure that even when "Show Original" is selected, your sticky heading remains visible. Additionally, my broad range of skills extends from HTML and JavaScript to impactful design through platforms like Photoshop and Illustrator. Consequently, if you require any other design-centered tasks for your website alongside this project, such as brochures or business cards, I can tackle them all ensuring a well-rounded execution for your online presence. With me on board, you can
$10 USD en 1 jour
4,6 (28 commentaires)
4,4
4,4
26 freelances proposent en moyenne $29 USD pour ce travail
Avatar de l'utilisateur
As a seasoned and diligent full-stack developer with over a decade's worth of experience, I’m well-versed in all aspects of web development, including impactful, creative coding solutions. I understand the intricacy of this project, from ensuring smooth adjustments to the sticky position of the element to effectively detecting and responding to Google Translate banners. My proficiency in CSS and HTML, along with my familiarity in adjusting sticky objects like div elements, makes me an ideal candidate for this task. My wide-ranging portfolio showcases my proficiency in working with major companies on complicated projects like yours. Over my career, I have consistently delivered high-quality products while meeting iron-clad deadlines. What sets me apart is my penchant for customer satisfaction - your concerns become mine and it is my job to find innovative ways to address them. Hiring me means hiring a dependable professional who values open communication – ready to discuss nuanced solutions tailored specifically to your needs. With availability in the USA time zone, choosing me will ensure timely and efficient delivery for your website coding adjustment project. Let’s build something great together!
$20 USD en 3 jours
4,6 (120 commentaires)
6,9
6,9
Avatar de l'utilisateur
Having a website that functions seamlessly regardless of the different components integrated can be quite challenging, however, for my team and I, it is what we are great at. We are well-versed in website coding, familiar with Google Translate banners and have extensive experience in adjusting sticky positions of div elements— skills that align directly with your project. Whilst your current solution using the "Show original" function for stickyheading adjustment is working fine, choosing to adjust based directly on Google Translate banner would bring a smoother and more accurate user-experience. Our approach would be to explore deeply onload, readyState or other potentially viable options rather than relying on error-prone guesswork. Making this adjustment will ensure that the stickyheading div always remains visible even after selecting "Show Original". With a solid track record of 59 days error-free service, continued post-delivery assistance, clear communication throughout projects and a promise of 100% satisfaction guaranteed; you can trust us to get your job done swiftly without compromising quality. We will ensure our coding translates seamlessly (pun intended) to provide an optimized user experience in your website-making sure that no elements hide behind other's lines of view. Send us a message and let's get started on making your site flawless!
$30 USD en 7 jours
4,6 (160 commentaires)
6,7
6,7
Avatar de l'utilisateur
As an experienced web developer with over a decade of experience using various languages, including HTML and JavaScript which are crucial for this project, I am confident I can efficiently handle your request. My proficiency extends to CMSs as well, including WordPress and Shopify, which have prepared me to solve complex coding issues just like the one you're facing. Thanks to these skills, I am well-prepared to adjust your code to ensure that the stickyheading div correctly situates itself in relation to the Google Translate banner. What really sets me apart is my problem-solving approach. I recognize that solely detecting whether or not the default language is being displayed isn't ideal when it comes down to ensuring that your sticky heading remains visible at all times regardless of what options users select with the Google Translate banner. To address this, I would leverage my good programming experience as well as my familiarity with HTML in order to identify alternate methods (probably utilizing onload or readyState) that would more effectively ensure proper positioning of the stickyheading div regardless of user selections.
$20 USD en 7 jours
5,0 (23 commentaires)
4,9
4,9
Avatar de l'utilisateur
As an experienced web developer proficient in CSS, HTML, and JavaScript, I possess the skills necessary to address the specific issue you're facing. I completely understand the challenge of adjusting sticky positions of div elements effectively, especially when it comes to navigating around third-party banners like Google Translate. My expertise enables me to not just fix your current code efficiently but also create a new one that directly detects the presence or absence of the Google Translate banner. Beyond my technical abilities, my commitment to excellence and attention to detail ensure that I won't simply provide a quick fix but rather an optimized solution. Your vision and satisfaction are at the forefront of everything I do. Combining my website development skills with an eye for graphics and digital marketing capabilities, I produce fully-integrated solutions that amplify your online presence and enhance user experience. In conclusion, let's collaborate to resolve this issue elegantly while optimizing your website's overall performance. Encoded within my profile is evidence of my dedication to bringing visions to life through seamless user experiences and strong online presences. We’re available 24/7 - so don't hesitate to reach out so we can get started on improving your website today!
$30 USD en 1 jour
4,9 (19 commentaires)
4,3
4,3
Avatar de l'utilisateur
Hello. I read your requirement i will do that. Please come on chat we will discuss more about this. I will waiting your reply.
$20 USD en 1 jour
5,0 (18 commentaires)
4,0
4,0
Avatar de l'utilisateur
Hi! I have good experience HTML, CSS. Also I easily work with the code of other developers, know how to work with design and logic, and I may make your task at a pro level. I will be glad to fulfill your task and bring your ideas to life. I am willing to start right away and I am always online.
$15 USD en 2 jours
5,0 (8 commentaires)
3,8
3,8
Avatar de l'utilisateur
Hello. I have read your requirements carefully and I can adjust the elements accordingly and it will looks good and everything will work fine I am 100% sure. Have a chat to discuss further. Thanks:)
$20 USD en 1 jour
5,0 (9 commentaires)
3,5
3,5
Avatar de l'utilisateur
Hello, I trust this message finds you well. Having reviewed the initial job details, I would like to engage in a discussion regarding the broader aspects of your project. Additionally, I wanted to inquire if there is flexibility in the budget you have selected or if it represents your maximum allocation for this project. I understand that budget ranges on Freelancer may not always accurately reflect the true cost, as it is contingent upon the project's overall features and functionality. Nevertheless, I respect your decision if you are not open to adjusting the budget. To facilitate efficient communication, I suggest initiating the conversation through the message board for swift responses and personalized interaction. Alternatively, we can schedule a video call at your convenience. Please disregard the bid amount for now, as further discussion and clarification are needed. Looking forward to your response. Best regards, Yaseen PS: Please let me know if you would like to view some of our recent portfolio work.
$20 USD en 7 jours
4,8 (15 commentaires)
3,8
3,8
Avatar de l'utilisateur
Greetings I can surely help you for Info Website Coding Adjustment I am in the IT industry since more than a decade and serve so many clients in building and rebuilding websites, software, and applications I have strong hands-on different programming languages like PHP, CSS 3, Laravel, Wordpress, shopify, squarespace, wix, C++, C- Sharp, HTML, JAVA, .NET, Joomla, Click funnel, Angular, React, Node.js, Django, etc., And I did the migration from HTML to click funnels. I have made so many websites (E-commerce, WordPress, Classified admin, WooCommerce, etc.), bots, softwares, and Mobile applications (Android, IOS, and Huawei Play store) in my entire career. I have strong hands on both the front end and back end. Currently, I am part of the team who are dealing with miscellaneous tasks in dubizzle and Mzad Qatar including design and layouts and they both have more than 1 million users. I believe that you are looking for a web designer and for sure you will get your end desire result with plagiarism-free work and with better quality as I am assuring you this. Package deals can also be done for long-term collaboration as per the client's requirement. Kindly do come on chat so that we can discuss project details furthermore.
$10 USD en 2 jours
5,0 (3 commentaires)
3,0
3,0
Avatar de l'utilisateur
Hello, I am very interested in your job posting titled Info Website Coding Adjustment. I possess the necessary JavaScript, CSS, HTML skills, and more. I have over 10 years of professional development experience. As a full-stack developer, I am an expert in both front-end and back-end development. Thank you for taking the time and evaluating my proposal. I am eagerly looking forward to the opportunity to speak with you soon.
$60 USD en 1 jour
4,8 (8 commentaires)
2,7
2,7
Avatar de l'utilisateur
Dear ⭐sir. As a senior JS developer, I can fix your issues that you are asking for. Please contact me. Sincerely. Andrei
$30 USD en 7 jours
5,0 (1 commentaire)
0,6
0,6
Avatar de l'utilisateur
Hi, i can resolve your website coding problem without any further complications, however i need 2 days to complete the project, i know that 2 days it's a little too long but i want to complete the job in the best way possible.
$20 USD en 2 jours
0,0 (0 commentaires)
0,0
0,0
Avatar de l'utilisateur
Hello There! I read your project detail, as an expert web developer with 2+ years of experience, I am perfectly fit for this project and can fix the position sticky and other bugs in one day. You can check my portfolio at : https://www.freelancer.com/u/qaziaimal78 Thanks for considering my proposal With Regards Qazi Aimal
$15 USD en 1 jour
5,0 (1 commentaire)
0,0
0,0
Avatar de l'utilisateur
Hi there! I have 4+ years of experience as a Full Stack Developer and a strong focus on clean and efficient coding, I am confident in my ability to solve the issue you're facing with the sticky position of the element on your website. I have vast experience with HTML, CSS, and JavaScript that are pertinent to this project and an impressive knowledge base around Google Translate banner. You can check my portfolio here: https://www.freelancer.com/u/arslanacs. Moreover, I can give you live demo of my work if you need. Feel free to schedule an interview meeting any time. (placeholder bid)
$20 USD en 7 jours
0,0 (0 commentaires)
0,0
0,0
Avatar de l'utilisateur
Hi, We're from driftmark technology. We have more than 10 years of experience in Development. As we're experts, we can build it according to your requirements. Because we have a lot of experience in these fields, we can build your project as soon as possible. We offer excellent software quality work and provide the best support for your project. If you give us this job, we will do our best to finish your job by your timeline. We're ready to discuss with you about the task now.
$10 USD en 1 jour
0,0 (0 commentaires)
0,0
0,0
Avatar de l'utilisateur
As an experienced front-end developer with extensive knowledge of HTML and JavaScript, I'm an expert at solving coding issues, and I'm confident I can help you tackle the challenge you're facing with the sticky position of the element beneath the Google Translate banner on your website. Since it's crucial that the stickyheading div doesn't hide behind the banner, my years of experience can prove valuable in getting this coding adjustment right. Detecting whether or not the Google Translate banner is being displayed poses a unique challenge, but I have a keen eye for detail and a knack for finding innovative solutions to complex problems. I'm determined to use onload, readyState, or any other suitable method to ensure that your stickyheading div stays perfectly visible when it shouldn't adjust and moves appropriately when the banner appears. With my availability 24*7, my proficiency in HTML and JavaScript, and my commitment to quality workmanship as a solo freelancer sans agency dependencies or outsourcing overheads, I am more than confident that I have what it takes to complete your project impeccably. Let's get started today!
$120 USD en 7 jours
0,0 (0 commentaires)
0,0
0,0

À propos du client

Drapeau de UNITED STATES
United States
0,0
0
Méthode de paiement vérifiée
Membre depuis mars 26, 2024

Vérification du client

Merci ! Nous vous avons envoyé un lien par e-mail afin de réclamer votre crédit gratuit.
Une erreur a eu lieu lors de l'envoi de votre e-mail. Veuillez réessayer.
Utilisateurs enregistrés Total des travaux publiés
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Chargement de l'aperçu
Permission donnée pour la géolocalisation.
Votre session de connexion a expiré et vous avez été déconnecté. Veuillez vous connecter à nouveau.