The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Autorotating Tabbed widget; Jquery

View previous topic View next topic Go down

Solved Autorotating Tabbed widget; Jquery

Post by ioncube on April 10th 2011, 11:40 am

I have added the following code to the sidebar of the forum:
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&amp;x=http%3A%2F%2Ffeeds.feedburner.com%2FpkEducation&amp;w=175&amp;h=500&amp;bc=333333&amp;bw=1&amp;bgc=transparent&amp;m=25&amp;it=true&amp;t=(default)&amp;tc=333333&amp;ts=15&amp;tb=transparent&amp;il=true&amp;lc=146E11&amp;ls=14&amp;lb=false&amp;id=false&amp;dc=333333&amp;ds=14&amp;idt=true&amp;dtc=284F2D&amp;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&amp;x=http%3A%2F%2Ffeeds.feedburner.com%2Fengineeringjobspk&amp;w=175&amp;h=300&amp;bc=333333&amp;bw=1&amp;bgc=transparent&amp;m=20&amp;it=true&amp;t=(default)&amp;tc=333333&amp;ts=15&amp;tb=transparent&amp;il=true&amp;lc=146E11&amp;ls=14&amp;lb=false&amp;id=false&amp;dc=333333&amp;ds=14&amp;idt=true&amp;dtc=284F2D&amp;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&amp;x=http%3A%2F%2Ffeedstitch.com%2Fengineeringjobs%2Fengineeringjobs.rss&amp;w=175&amp;h=500&amp;bc=333333&amp;bw=1&amp;bgc=transparent&amp;m=100&amp;it=true&amp;t=(default)&amp;tc=333333&amp;ts=15&amp;tb=transparent&amp;il=true&amp;lc=146E11&amp;ls=14&amp;lb=false&amp;id=false&amp;dc=333333&amp;ds=14&amp;idt=true&amp;dtc=284F2D&amp;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

ioncube
Forumember

Male Posts : 279
Reputation : 41
Language : eng
Location : Pakistan

http://defencedog.blogspot.com/

Back to top Go down

Solved Re: Autorotating Tabbed widget; Jquery

Post by ioncube on April 10th 2011, 8:19 pm

sir anyone; can't figure it out myself bwi

ioncube
Forumember

Male Posts : 279
Reputation : 41
Language : eng
Location : Pakistan

http://defencedog.blogspot.com/

Back to top Go down

Solved Re: Autorotating Tabbed widget; Jquery

Post by Mike on April 10th 2011, 8:44 pm

Its most likely conflicting Jquery with your Wibya bar. Not too sure though.

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: Autorotating Tabbed widget; Jquery

Post by ioncube on April 11th 2011, 10:21 am

sir can you try my code [temporarily] on your forum...just for checking & then let me know. Will be very grateful to you

ioncube
Forumember

Male Posts : 279
Reputation : 41
Language : eng
Location : Pakistan

http://defencedog.blogspot.com/

Back to top Go down

Solved Re: Autorotating Tabbed widget; Jquery

Post by ioncube on April 11th 2011, 10:34 am

Ok I have noticed another thing. The legends for the usergroups aren't bold


They were bold before integrating this widget; it means some CSS problem

ioncube
Forumember

Male Posts : 279
Reputation : 41
Language : eng
Location : Pakistan

http://defencedog.blogspot.com/

Back to top Go down

Solved Re: Autorotating Tabbed widget; Jquery

Post by Base on April 11th 2011, 10:38 am

Posting consecutively is not tolerated unless seperated by 24 hours since the last post.
In future, please use the edit button. Wink




Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Solved Re: Autorotating Tabbed widget; Jquery

Post by Raze on April 18th 2011, 8:44 pm

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

Male Posts : 406
Reputation : 12
Language : English, HTML, CSS

Back to top Go down

Solved Re: Autorotating Tabbed widget; Jquery

Post by kirk on April 19th 2011, 4:32 am

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

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Autorotating Tabbed widget; Jquery

Post by sign da tits on April 19th 2011, 11:02 pm

@Raze 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.
I lol'd

sign da tits
Forumember

Male Posts : 236
Reputation : 30
Language : British English, AutoIt
Location : England!

http://www.devforumz.com/

Back to top Go down

Solved Re: Autorotating Tabbed widget; Jquery

Post by ioncube on April 30th 2011, 1:24 am

ok solved it!!

ioncube
Forumember

Male Posts : 279
Reputation : 41
Language : eng
Location : Pakistan

http://defencedog.blogspot.com/

Back to top Go down

Solved Re: Autorotating Tabbed widget; Jquery

Post by RoNo on April 30th 2011, 5:17 am


RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

http://bf2mercenaries.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum