G'day. I'm using the wrong list. Woohoo! I have a DIV full of lots of items. Images, more DIVs, more images, words, sentences, whee, fun, fun. It is a large DIV. I'd like: * on page load, for the DIV to show at (smaller) px x px. * on mouseover/hover, the DIV to enlarge to (full) px x px. * on mouseout, the DIV goes back to its onload size. * everything in the DIV should resize - the images should get bigger, the fonts should get larger and smaller, blah blah. What is /really/ close is the Grow/Shrink/Puff of Interface: http://interface.eyecon.ro/demos/ifx.html However, I can't make it NOT disappear, and the interface.js can only be found in a packed state, not one I can look into the source about how to stop it from disappearing. (Note, also, that the Interface demo is onclick, but I'd be looking for over and out). 'elp? Morbus Iff morbus@disobey.com Not my normal computer
Morbus Here is where I would start Visit http://interface.eyecon.ro/, in left hand column under DOWNLOAD click 'Interface 1.2',zip file contains both compressed and uncompressed source. You want ifxscle.js (uncompressed version) A suggested way to start, incomplete though since it does not deal with the way restore is handled. (It actually restores the shrink case, it just hides the content) Two approaches Add new function like Grow and Shrink Advantage: Keeps existing functionality Drawback: Need to add to type to scale and zoom code Modify Shrink function Advantage: Not sure of any Drawback: Need to a least modify zoom code so it does not set display to none In both case key is call to scale function, here is the shrink version jQuery.fx.Scale(this, speed, 100, 1, true, callback, 'shrink', easing); 100 is starting size (as percent) 1 is ending size (as percent) Could try changing 1 to say 30. Also need to at least change this in z.zoom if (z.type == 'shrink' || z.type == 'puff'){ z.el.css('display', 'none'); if (z.type == 'puff') { if (window.ActiveXObject) z.el.get(0).style.filter = "alpha(opacity=" + 100 + ")"; z.el.get(0).style.opacity = 1; } }else z.el.css('display', 'block'); so if is only for type 'puff' Steve Ringwood Nevets Software
You might try adopting the jquery code in this module: http://drupal.org/project/hovertip While that module makes content appear on mouse over, you could change it to merely change the styles (i.e. go from small to large.) -Dave On Sunday 29 July 2007 17:40, Morbus Iff wrote:
G'day. I'm using the wrong list. Woohoo!
I have a DIV full of lots of items. Images, more DIVs, more images, words, sentences, whee, fun, fun. It is a large DIV.
I'd like:
* on page load, for the DIV to show at (smaller) px x px.
* on mouseover/hover, the DIV to enlarge to (full) px x px.
* on mouseout, the DIV goes back to its onload size.
* everything in the DIV should resize - the images should get bigger, the fonts should get larger and smaller, blah blah.
What is /really/ close is the Grow/Shrink/Puff of Interface:
http://interface.eyecon.ro/demos/ifx.html
However, I can't make it NOT disappear, and the interface.js can only be found in a packed state, not one I can look into the source about how to stop it from disappearing. (Note, also, that the Interface demo is onclick, but I'd be looking for over and out).
'elp?
Morbus Iff morbus@disobey.com Not my normal computer
You might try adopting the jquery code in this module: http://drupal.org/project/hovertip
While that module makes content appear on mouse over, you could change it to merely change the styles (i.e. go from small to large.)
Dave, funnily enough, that's exactly what I'll be choosing. I did fiddle around with Scale most of this morning and just randomly decided not to use it. I moved on to compare hovertips vs. thickbox, and chose yours, mainly because a) it didn't require AJAX (cody's version) and b) it allowed me to use HTML (everyone else's), c) it didn't break the HTML too too horrifically (like BetterTips). I'm not a huge, huge fan of your three shipped defaults (all are either unworkable or break standards in some way), so I'll probably end up tweaking the JS (don't need/want the module) and ripping out all the crap I don't need and writing a new listener, or whatever you call 'em. -- Morbus Iff ( i memorize the words to the porno movies. ) Technical: http://www.oreillynet.com/pub/au/779 Culture: http://www.disobey.com/ and http://www.gamegrene.com/ aim: akaMorbus / skype: morbusiff / icq: 2927491 / jabber.org: morbus
Hmmm.... sounds like you're getting something out of my code. The parts that aren't crap anyway. If you don't like the default ways to tag hovertips, here's an example of how I've customized it. On this page: http://www.dave-cohen.com/node/1186, I added a chunk of javascript to my node body, so that on that page only, comments are treated as helptips. To see what I'm talking about go to that page then view source, then search for "javascript" in the middle of the page. Basically use jquery to find the content that is the helptip. Then call hovertipActivate, where the parameters include functions that identify and prepare the "target" - the element that remains on the page and may be clicked or hovered over to make the helptip visible. You probably get all this already. I'm just pointing out that it doesn't force you to tag your document any particular way. -Dave On Mon, 30 Jul 2007 20:17:44 -0400, "Morbus Iff" <morbus@disobey.com> said: [snip]
I'll probably end up ... ripping out all the crap I don't need ...
Basically use jquery to find the content that is the helptip. Then call hovertipActivate, where the parameters include functions that identify and prepare the "target" - the element that remains on the page and may be clicked or hovered over to make the helptip visible.
You probably get all this already. I'm just pointing out that it doesn't force you to tag your document any particular way.
Hrm. Interesting. I profess to not understanding it fully, but interesting to say the least. -- Morbus Iff ( you are nothing without your robot car, NOTHING! ) Technical: http://www.oreillynet.com/pub/au/779 Culture: http://www.disobey.com/ and http://www.gamegrene.com/ aim: akaMorbus / skype: morbusiff / icq: 2927491 / jabber.org: morbus
participants (4)
-
Dave Cohen -
David Cohen
-
Morbus Iff -
Steve Ringwood