The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Autorotating Tabbed widget; Jquery

+3
Base
Mike
ioncube
7 posters

Go down

Solved Autorotating Tabbed widget; Jquery

Post by ioncube 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:
Autorotating Tabbed widget; Jquery Screen10

Can anyone be of help here...



Last edited by ioncube on April 30th 2011, 1:31 am; edited 1 time in total
ioncube
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 April 10th 2011, 8:19 pm

sir anyone; can't figure it out myself bwi
ioncube
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 April 10th 2011, 8:44 pm

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

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

Solved Re: Autorotating Tabbed widget; Jquery

Post by ioncube 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
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 April 11th 2011, 10:34 am

Ok I have noticed another thing. The legends for the usergroups aren't bold
Autorotating Tabbed widget; Jquery Poi10

They were bold before integrating this widget; it means some CSS problem
ioncube
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 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


Autorotating Tabbed widget; Jquery Editer15
Base
Base
Forumaster

Male Posts : 10386
Reputation : 1695
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 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
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 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
kirk
Forumaster

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

Back to top Go down

Solved Re: Autorotating Tabbed widget; Jquery

Post by sign da tits 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
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 April 30th 2011, 1:24 am

ok solved it!!
ioncube
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 April 30th 2011, 5:17 am

RoNo
RoNo
Active Poster

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

http://bf2mercenaries.forumotion.com/

Back to top Go down

Back to top

- Similar topics

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