How Do I Hide Javascript Content From Googlebot?
Jul 28, 2007I have a piece of code that I'd rather google's spider did not follow. Is
this possible please?
I have a piece of code that I'd rather google's spider did not follow. Is
this possible please?
I am implementing some tabs using jquery and have run into a problem where a google map on one of the tabs is not displaying. I read that a solution is to "Use the off-left technique for hiding inactive tab panels"i.e
Code:
.ui-tabs .ui-tabs-hide {
position: absolute;
left: -10000px;
}
how the hide method is currently hiding the tab contents. i.e how does the hide() method hide the tabbed content?
I use a small piece of JS code to make different elements on the page show/hide when clicking a link, based on id:
function toggle( targetId ){
if (document.getElementById){
target = document.getElementById( targetId );
if (target.style.display == "none"){
target.style.display = "";
} else {
target.style.display = "none";
}
}
}
Then HTML looks like this:
<a href="#" onClick="toggle('news'); return false;">Show/hide news</a>
<div id="news" style="display:none">BlahBlahBlah</div>
This works. Initially the element is hidden (with style="display:none" property of the element), and the script gets its id and changes its display property to "block" when clicking on a link.
But when Javascript in a browser is turned off, the elements to show are all hidden, and there's no way to see the content of the element.
My question: is there a way to hide toggled elements on page load with JS, so that when it's turned off the hidden content is shown?
First let me admit that my Javascript coding skills are lacking. I know enough to implement and slightly modify existing code, but not enough to write a complex script from scratch.
With that said, I'm trying to implement a navigation system like the left vertical links on this page: [URL]
I looked into using JQuery tabs, but the ul would be too long for a horizontal list. Ultimately, I'm looking to mimic the way this navigation behaves in the way it hides/shows/maintains the content based on the mouseover function. I also looked into using JS to hide/show layers, but it looks like I need something to hide/show divs with HTML content within the normal text flow.
I am trying to learn jquery. my example below is to show and hide content in a group divthe code works but i want to know if this is best practice to write what i did. Is there better way to do it?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html
> <head
[code]....
im looking for a way to check a list for equal content and then hide this li.
[Code]...
how I can change the code below so that instead of all the fade in fade out stuff the function will actually replace whatever is inside a div called Myholder with the response this script pulls in?
Here's the code I need to change.
<script type="text/javascript">
$(document).ready(function() {
$('#wait_1').hide();
$('#drop_1').change(function(){
[Code]....
drop_1 is the name of a drop down which when changed runs this script which brings back a second dropdown with data relating to the first one.
I got a question in regards to how can i hide additional content on my page and when clicked upon it gets revealed.
so i got my website:
[URL]
but i want to hide the content after "no annual fees..."
but with a click of the button "more" the hidden content gets shown, how can i do that?
I would like to show or hide a header element (e.g. <h3></h3>) based up a div tag that either contains content or not. The content is dynamically added or shown, but the header element isn't, which results in having the header element shown with no content below it many times.
Here's an example:
I would like javascript to be able to hide a div based upon a containing div having no content.
The text/content of the div is being pulled in by the CMS, if the user has not inputted anything into the CSS how can the container div "" be hidden.
I have the following code: where the div i would like to hide IF the div "CaseStudyContent" is "CaseStudyRowFirst" and "CaseStudyRow"
ignore "{$metadata.Case Study.Client$}" ass this is tags for the CMS.
Code:
<div class="CaseStudyRowFirst">
<div class="CaseStudySectionName">
Client:
</div>
[Code].....
"How to hide div so his content won't be loaded until he is visible?"
And is it possible to add preloader for that div?
And also add a plus & minus button to it, so when it is hidden, the button is plus, and when it is showned the button is minus.[URL]I want it to be animated with .hide() and .show()
View 2 Replies View RelatedI have recently started exploring the world of jQuery and it looks incredibley rich and powerful! I am stuck on something, though. When I dynamically create a div
var divTag = document.createElement("div");
//Set the parameters
divTag.id = "divMaster";
//Create it and immediately hide it!
[Code].....
This is probably really obvious, but I cannot figure out why? Perhaps jQuery is looking for elements already in the original HTML, and my div tag was added to the DOM after loading the original elements?
So i have this full paged HTML/CSS side and i wanna imploment some Jquery to hide and show my Contact informations.But, my problem is that, i have a FULL side filled with Div's and other goodies. My problem is, how do i get make a link, which is inside a Div to be a special class so that only when you click that "class" it shows / hides the content?The Div i have it something like this;[code]
View 2 Replies View RelatedI am having some real trouble figuring out how I can hide and show divs one at a time, a bit like an accordian. Currently, I have several buttons, which open and close a div containing a ul menu. What I am trying to achieve is to only have one div showing at a time.
So for instance, when the page loads no divs are displayed, just the buttons. You click a button a div slides out. you click another button this div closes and another opens. I am new to jQuery, but working hard to understand and learn. So far I have the below for each button (div).
[Code]...
I am using the following code to show and hide several dynamic content areas on a page. It works like an accordion where when you open one it closes the other.
Is there a way I could change it to so it doesn't automatically close one when another is open? Meaning I would like to have multiple content areas expanded at once. I would also still want to be able to manual close them if I want.
Attachments
script.txt
Size : 378 Bytes
Download : 436
Is it possible with jQuery to show a part of the content again which is already hide?
<!DOCTYPE html>
<html>
<head>
<style>
[Code].....
When I click on #hidr, #div1 is hide() like it should, but when I click on #showr, #div2 doesn't show up, probably because it is hide in div1.
Is there a workarround?
how I can change the code below so that instead of all the fade in fade out stuff the function will actually replace whatever is inside a div called Myholder with the response this script pulls in?
Here's the code I need to change.
Code JavaScript:
<script type="text/javascript">
$(document).ready(function() {
$('#wait_1').hide();
$('#drop_1').change(function(){
[Code]....
drop_1 is the name of a drop down which when changed runs this script which brings back a second dropdown with data relating to the first one.
how to properly evaluate a value in a document onLoad. Caveat - I am working on this via a CMS (BusinessObjects), so don't have 100% control over what's passed in to the page.
HTML:
<div id="home_alert"><hr />
<h2>MEMBER ALERT!</h2>
<p><a href="/member-home.htm">LOG IN to read new items!</a></p>
</div>
[Code]....
Is there a way to edit the following show hide set up to allow for initial div to be open. So for example instead of nothing coming up, #video1 would initially load and then when you click on li links it would load a new div in as coded replacing the initial video for example, if you clicked video 2 or 3 thumbnails?
HTML=
<ul id="brightCove">
<li onclick="javascript:doShowHide('video1');">
<a href="javascript://">video 1 thumbnail here</a>
</li>
<li onclick="javascript:doShowHide('video2');">
<a href="javascript://">video 2 thumbnail here</a>
</ul><div class=showhide" id="video1">
content for video 1 </div>
<div class="showhide" id="video2">
content for video 2 </div>
JS
$(document).ready(function() {
// Add ID of New Category in line below separated by Commas
$("#video1,#video2").hide();
});
doShowHide = function(idstr) {
$("div.showhide:visible").each(function () {
if (this.id != idstr) $(this).hide("fast");
});
$("div.showhide#"+idstr).show("fast");
}
how to write a script where when a link is clicked in the left nav column, it will display text in the right main column. So, when you first arrive to the page, nothing will appear in the main portion of the site. Content only appears after clicking on a link. When you click on another link, the previous content is hidden, and the new text is displayed. Here's what I have so far:
HTML
<div class="container">
<div class="nav">
<ul id="menu">
[Code]...
how can I show / hide the content of sub divs based on whether the input is != or = and be able to repeat this.I tried to hide the sub divs using , onclick if bla bla = '' ;document.getElementById('hideme').innerHTML = ''; which works, but once I try to enter a new input, then nothing happens, even if the content of the sub divs is = input.
View 2 Replies View RelatedI have the following show/hide div function made with jQuery:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code].....
It toggles perfectly, but I would like to make to which appears to overlap the underlaying content div below. Right now it just pushes down the content div when sliding out.
Im making a website in which I want to "embed" another website (not mine) - implesignup.se - through which i've created an event. The problem is that I want to hide the footer of that page, maybe the header to if its possible, but since the height of the other page varies throughout the steps in the "buying-process" I can't set a fixed height...Is it possible to fix this problem using jquery and how do I do that?So, something like this is what i want: autoheight - x pixels from the top - x pixels from the bottom
View 4 Replies View RelatedI want to use a toggle to hide and show some content but it isnt working
html code:
JS code:
But this code dont works correct, notiv that i want to use more then one box.
I'm pretty bad with Javascript, but I need to hide or show a snippet of text (could be inside a div without problems) based on the selection of a dropdown menu (<select>). If they choose anything with the word "Series" on it, I need to show the snippet. If they choose anything without "Series" on it, then the snippet needs to disappear. I should mention the snippet is part of a form, just a checkbox but that shouldn't be a problem I don't think.
View 24 Replies View Related