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.

Customizing Show/Hide Widgets Script

View previous topic View next topic Go down

Solved Customizing Show/Hide Widgets Script

Post by ioncube on April 21st 2011, 10:21 pm

@ http://help.forumotion.com/t78898-show-hide-widgets-script
The above procedure worked like charm:D ; but I need just a little tweak. Because the icon of the arrows is small [& I like that way] I am of the view that when viewer hovers its mouse over the arrows it displays text like hide this panel ...so the user know what this tiny button do??
How do I customize this code??


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: Customizing Show/Hide Widgets Script

Post by ioncube on April 22nd 2011, 11:03 pm

hello sir anyone; I think its easy; just can't configure it out

ioncube
Forumember

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

http://defencedog.blogspot.com/

Back to top Go down

Solved Re: Customizing Show/Hide Widgets Script

Post by ioncube on April 23rd 2011, 11:01 pm

Sir again I am asking anyone plz help..i have tried numerous techniques nothing work

ioncube
Forumember

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

http://defencedog.blogspot.com/

Back to top Go down

Solved Re: Customizing Show/Hide Widgets Script

Post by ioncube on April 29th 2011, 12:05 pm

sir anything to have a tooltip over that arrow

ioncube
Forumember

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

http://defencedog.blogspot.com/

Back to top Go down

Solved Re: Customizing Show/Hide Widgets Script

Post by Darkel on April 29th 2011, 2:12 pm

try to ask nera about this she know many about the codes. Very Happy

Darkel
Hyperactive

Male Posts : 2186
Reputation : 272
Language : English, Tagalog
Location : Philippines

Back to top Go down

Solved Re: Customizing Show/Hide Widgets Script

Post by Saxaca on April 29th 2011, 3:20 pm

Code:
<div id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; bottom: -15px; float: right; background: #f5ebf7 url(http://i42.tinypic.com/vg54yu.png) no-repeat 0 -13px;" onClick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); jQuery('#content-container div#content').css('margin-right','189px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px'); }"></div>

<script type="text/javascript"> jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px');} </script>

The above script is the widget toggler script for the right side of Forumotion Boards.
If you wanted a tooltip, why didn't you say that before? Very Happy

This code uses the built-in Forumotion tooltip script.. add it beside the widget script:
Code:
$(function() {
  $('#forum-widget:first').mouseover(function() {
    createTitle('saxTitle', 'Moo', 0, 0);
  });

  $('#forum-widget:first').mouseout(function() {
    destroyTitle('saxTitle');
  });
});


Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

Solved Re: Customizing Show/Hide Widgets Script

Post by sign da tits on April 29th 2011, 5:59 pm

@Saxaca wrote:
Code:
<div id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; bottom: -15px; float: right; background: #f5ebf7 url(http://i42.tinypic.com/vg54yu.png) no-repeat 0 -13px;" onClick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); jQuery('#content-container div#content').css('margin-right','189px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px'); }"></div>

<script type="text/javascript"> jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px');} </script>

The above script is the widget toggler script for the right side of Forumotion Boards.
If you wanted a tooltip, why didn't you say that before? Very Happy

This code uses the built-in Forumotion tooltip script.. add it beside the widget script:
Code:
$(function() {
  $('#forum-widget:first').mouseover(function() {
    createTitle('saxTitle', 'Moo', 0, 0);
  });

  $('#forum-widget:first').mouseout(function() {
    destroyTitle('saxTitle');
  });
});

Hmm, doesn't seem to work and I like the moo Wink

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: Customizing Show/Hide Widgets Script

Post by ioncube on April 29th 2011, 9:47 pm

Code:
$(function() {
  $('#forum-widget:first').mouseover(function() {
    createTitle('saxTitle', 'Moo', 0, 0);
  });

  $('#forum-widget:first').mouseout(function() {
    destroyTitle('saxTitle');
  });
});
Thnx for replying
Where to add this snippet??

ioncube
Forumember

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

http://defencedog.blogspot.com/

Back to top Go down

Solved Re: Customizing Show/Hide Widgets Script

Post by gameface101 on April 30th 2011, 12:38 am

try inserting:

TITLE="toggle right column";

in between

<div id="forum-widget"

and

style="...

i.e.

<div id="forum-widget" TITLE="toggle right column"; style=..........

^,^

gameface101
Forumember

Posts : 39
Reputation : 10
Language : bad english, tinkers with:RGSS, HTML, CSS, JS/JQ
Location : stuck in cyberspace

http://www.gameface101.com

Back to top Go down

Solved Re: Customizing Show/Hide Widgets Script

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

^^ Perfect...solved :wouhou:

ioncube
Forumember

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

http://defencedog.blogspot.com/

Back to top Go down

Solved Re: Customizing Show/Hide Widgets Script

Post by RoNo on April 30th 2011, 5:20 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