Autorotating Tabbed widget; Jquery
+3
Base
Mike
ioncube
7 posters
Page 1 of 1
Autorotating Tabbed widget; Jquery
I have added the following code to the sidebar of the forum:
you can see this in action: http://defencedog.fileave.com/rotatingtabs/rotatingtabs.html
The problem is that the code works perfect in my blog & elsewhere but in the forumotion it leaves a smudge at the topcorner of screen:
Can anyone be of help here...
- Code:
<link rel="stylesheet" href="http://defencedog.fileave.com/rotatingtabs/reset.css" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="http://defencedog.fileave.com/rotatingtabs/style.css" type="text/css" media="screen" charset="utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://defencedog.fileave.com/rotatingtabs/jquery-ilc-tabs.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
tabs({
block : "#block&5000",
block2 : "#block2"
});
});
</script>
<div id="block" class="block">
<h1 class="h">Jobs & Education</h1>
<ul class="htabs">
<li><h2><a href="#pkedu" id="pkedut">PakEducation</a></h2></li>
<li><h2><a href="#pkjobs" id="pkjobst">PakJobs</a></h2></li>
<li><h2><a href="#jobs" id="jobst">InternationalJobs</a></h2></li>
</ul>
<div class="tabs">
<div class="tab" id="pkedu"><ul>
<center><div id="widgetmain" style="text-align:left;overflow-y:auto;overflow-x:hidden;width:175px;background-color:#transparent; border:1px solid #333333;"><div id="rsswidget" style="height:500px;"><iframe src="http://us1.rssfeedwidget.com/getrss.php?time=1302289345405&x=http%3A%2F%2Ffeeds.feedburner.com%2FpkEducation&w=175&h=500&bc=333333&bw=1&bgc=transparent&m=25&it=true&t=(default)&tc=333333&ts=15&tb=transparent&il=true&lc=146E11&ls=14&lb=false&id=false&dc=333333&ds=14&idt=true&dtc=284F2D&dts=12" border="0" hspace="0" vspace="0" frameborder="no" marginwidth="0" marginheight="0" style="border:0; padding:0; margin:0; width:175px; height:500px;" id="rssOutput">Reading RSS Feed ...</iframe></div><div style="text-align:right;margin-bottom:0;border-top:1px solid #333333;" id="widgetbottom"><span style="font-size:70%"><a href="http://www.rssfeedwidget.com">rss feed widget</a> - <a href="http://www.softsea.com/software/RSS-Reader.html">rss reader</a> </span><br></div></div></center>
</ul></div>
<div class="tab" id="pkjobs"><ul>
<center><div id="widgetmain" style="text-align:left;overflow-y:auto;overflow-x:hidden;width:175px;background-color:#transparent; border:1px solid #333333;"><div id="rsswidget" style="height:300px;"><iframe src="http://us1.rssfeedwidget.com/getrss.php?time=1302289921442&x=http%3A%2F%2Ffeeds.feedburner.com%2Fengineeringjobspk&w=175&h=300&bc=333333&bw=1&bgc=transparent&m=20&it=true&t=(default)&tc=333333&ts=15&tb=transparent&il=true&lc=146E11&ls=14&lb=false&id=false&dc=333333&ds=14&idt=true&dtc=284F2D&dts=12" border="0" hspace="0" vspace="0" frameborder="no" marginwidth="0" marginheight="0" style="border:0; padding:0; margin:0; width:175px; height:300px;" id="rssOutput">Reading RSS Feed ...</iframe></div><div style="text-align:right;margin-bottom:0;border-top:1px solid #333333;" id="widgetbottom"><span style="font-size:70%"><a href="http://www.rssfeedwidget.com">rss feed widget</a> - <a href="http://www.softsea.com/software/RSS-Reader.html">rss reader</a> </span><br></div></div></center>
</ul></div>
<div class="tab" id="jobs"><ul>
<center><div id="widgetmain" style="text-align:left;overflow-y:auto;overflow-x:hidden;width:175px;background-color:#transparent; border:1px solid #333333;"><div id="rsswidget" style="height:500px;"><iframe src="http://us1.rssfeedwidget.com/getrss.php?time=1302291567214&x=http%3A%2F%2Ffeedstitch.com%2Fengineeringjobs%2Fengineeringjobs.rss&w=175&h=500&bc=333333&bw=1&bgc=transparent&m=100&it=true&t=(default)&tc=333333&ts=15&tb=transparent&il=true&lc=146E11&ls=14&lb=false&id=false&dc=333333&ds=14&idt=true&dtc=284F2D&dts=12" border="0" hspace="0" vspace="0" frameborder="no" marginwidth="0" marginheight="0" style="border:0; padding:0; margin:0; width:175px; height:500px;" id="rssOutput">Reading RSS Feed ...</iframe></div><div style="text-align:right;margin-bottom:0;border-top:1px solid #333333;" id="widgetbottom"><span style="font-size:70%"><a href="http://www.rssfeedwidget.com">rss feed widget</a> - <a href="http://www.softsea.com/software/RSS-Reader.html">rss reader</a> </span><br></div></div></center>
</ul></div>
</div>
</div>
you can see this in action: http://defencedog.fileave.com/rotatingtabs/rotatingtabs.html
The problem is that the code works perfect in my blog & elsewhere but in the forumotion it leaves a smudge at the topcorner of screen:
Can anyone be of help here...
Last edited by ioncube on April 30th 2011, 1:31 am; edited 1 time in total
Re: Autorotating Tabbed widget; Jquery
Its most likely conflicting Jquery with your Wibya bar. Not too sure though.
Mike- Hyperactive
- Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado
Re: Autorotating Tabbed widget; Jquery
sir can you try my code [temporarily] on your forum...just for checking & then let me know. Will be very grateful to you
Re: Autorotating Tabbed widget; Jquery
Posting consecutively is not tolerated unless seperated by 24 hours since the last post.
In future, please use the edit button.
In future, please use the edit button.
Re: Autorotating Tabbed widget; Jquery
Can I have the link to your site so I can see the problem better. And I'll try to fix what wrong with the code thats making it do that.
Raze- Forumember
- Posts : 406
Reputation : 12
Language : English, HTML, CSS
Re: Autorotating Tabbed widget; Jquery
Wibya bar are no good on forumotion, they conflict with things all the time.
I would first remove the Wibya bar, then see if the problem still persist.
i try to tell people all the time not to use Wibya bars and that your only going to run into problems.. but you know it's up to the owner of the forum whether or not they want to chance using it.
info added
there is a virus in the script as well. so i would find another code to go with unless you can find what it is and remove it.. i am looking into it now but not sure if i will be able to find exactly what it is yet.
yups it's malware HTML script infection.. i would not use that anymore.
what i am getting is the object is this l>{gzip}
so yeah forget all that... lol
http://en.wikipedia.org/wiki/Gzip
it seems to be corrupt for who ever did/created the file formatting etc..
More here
I would first remove the Wibya bar, then see if the problem still persist.
i try to tell people all the time not to use Wibya bars and that your only going to run into problems.. but you know it's up to the owner of the forum whether or not they want to chance using it.
info added
there is a virus in the script as well. so i would find another code to go with unless you can find what it is and remove it.. i am looking into it now but not sure if i will be able to find exactly what it is yet.
yups it's malware HTML script infection.. i would not use that anymore.
what i am getting is the object is this l>{gzip}
so yeah forget all that... lol
http://en.wikipedia.org/wiki/Gzip
it seems to be corrupt for who ever did/created the file formatting etc..
More here
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: Autorotating Tabbed widget; Jquery
I lol'dRaze wrote:Can I have the link to your site so I can see the problem better. And I'll try to fix what wrong with the code thats making it do that.
Re: Autorotating Tabbed widget; Jquery
Since the issue appears to be resolved, this topic is closed. |
RoNo |
General rules Tricks & Tips FAQ listing | For founders who lost their passwords About support requests by PM Announcements & Updates |
Similar topics
» tabbed statistic
» Tabbed page
» Tabbed Navagation
» Tabbed Homepage Message
» how to make tabbed sub-sections?
» Tabbed page
» Tabbed Navagation
» Tabbed Homepage Message
» how to make tabbed sub-sections?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum