Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
#1 2013-01-29 13:01:22
- Cynthia
- New Member
- Registered: 2012-12-17
- Posts: 8
content tabs invisible
Hi!
I’m helping out with the maintenance of the website ilavanderpouw.nl. I’m not very familiair with textpattern and I can’t find the solution for a problem:
On the pages where you can find more information about the performances (=voorstellingen) (for example: http://www.ilavanderpouw.nl/voorstellingen/ei) visitors should find some basic information, and a few tabs that give some more information when you click on them.
But all the content of the tabs is visible. When you click on the tab the link works (you scroll to the right content), but it used to be invisible. Only became visible when you clicked on the tab.
(with the tabs I mean the words: beschrijving/ foto’s/ video/ pers/ techisch/ speellijst)
I changed some of the information, but didn’t change a lot in the code. I suspected that there was an unclosed tag somewhere, but I can’t find it anywhere.
Does somebody have a tip to maybe find the unclosed tag?
Or could there be something else I’m missing?
I hope somebody can help me with this!
Thanks in advance!!
Cynthia
Offline
#2 2013-01-29 13:51:02
- uli
- Moderator
- From: Cologne
- Registered: 2006-08-15
- Posts: 4,315
Re: content tabs invisible
From quickly skimming your source code: You’ve forgotten to reactivate jQuery you had once commented out.
In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links
Offline
Re: content tabs invisible
The latest jQuery version (1.9) has many changes, try with the previous one.
Offline
#4 2013-01-29 14:33:51
- Cynthia
- New Member
- Registered: 2012-12-17
- Posts: 8
Re: content tabs invisible
I’m sorry, I’m a layman at textpattern. How do I change or reactivate JQuery?
Like I said, I didn’t really change a thing in the code, so it sounds logical that it has something to do with (the version of) JQuery. I did move the site from one host to another recently, could that have anything to do with it?
Offline
Re: content tabs invisible
The commented out one (<!--script type="text/javascript" src="http://www.ilavanderpouw.nl/js/jquery-1.2.6.min.js"></script-->) was replaced by <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> which is an older version
Maybe you should replace
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
with
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.
Offline
Re: content tabs invisible
Hello Cynthia, to explain this a bit further…
Your source code contains the following code within it’s <head> tags:
<!--script type="text/javascript" src="http://www.ilavanderpouw.nl/js/jquery-1.2.6.min.js"></script-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>The first line (a link to your local copy of jQuery) is commented out, so it is ignored by the browser. Not a problem in itself because the next line links to the jQuery held at Google’s CDN.
However, you’ve set it up to always link to the latest 1.x release of jQuery at Google’s CDN – a risky thing to do as it’s not always guaranteed that newer releases of jQuery won’t break older code. Indeed, v1.9 of jQuery that was released within the last couple of weeks has many changes that could potentially break a site.
It’s a lot safer to link to a specific release of jQuery. Then unless you really need something in a newer release there is not a great reason to manually update. Or at least, if you do, you can test the site at the time of updating.
So, to cut a long story short, try removing those 2 lines completely and replace with this:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>Edit: colak beat me to it! But you should be safe with v1.8.3 – best to try it and see (v1.2.6 is prehistoric).
Last edited by philwareham (2013-01-29 14:55:08)
Offline
Re: content tabs invisible
Cynthia, you’ll need to find the page template or form which contains the head elements of your site. In the head code, you are referencing the latest jQuery version, which as etc stated, has many changes over the previous version:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>The commented out portion that Uli mentioned is this:
<!--script type="text/javascript" src="http://www.ilavanderpouw.nl/js/jquery-1.2.6.min.js"></script-->Its possible that jQuery 1.9 is doing different things from the previous version, so you could look at that first.
Offline
Re: content tabs invisible
Actually Yiannis, the line…
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> …means it pulls the latest 1.x version of jQuery. Not v1.0.
Offline
#9 2013-01-29 15:33:43
- Cynthia
- New Member
- Registered: 2012-12-17
- Posts: 8
Re: content tabs invisible
It worked!
I replaced the line:
<script src=“http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”></script>
with:
<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js”></script>
and it’s working again like it’s supposed to!
Thanks so much for your help and explanations!!
Offline
Re: content tabs invisible
Cynthia, I’ve closed your other topic (in Dutch). You may want to use validator.w3.org, because there are still some errors in your HTML code.
Offline
Re: content tabs invisible
philwareham wrote:
Actually Yiannis, the line…
Thanks Phil. i didn’t know that.
Last edited by colak (2013-01-29 17:31:33)
Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.
Offline
#12 2013-01-29 18:13:56
- Cynthia
- New Member
- Registered: 2012-12-17
- Posts: 8
Re: content tabs invisible
dank Ruud!
Offline
Pages: 1