I tried on prototip 1.3, and it doesn't has the problem!


It is only in prototip 2


just try to make your mouse courser over the links thats have the prototip id and refresh the page by clicking F5 on your keyboard,

IE7

Fixed in 2.0.3, now availble for download.

It works OK, but it conflicts with this java script code:


/*
* TabbedPane.js v1.0.0 -- Dynamic AJAX Tabs for Prototype
* Copyright (c) 2007-2008 Jesse Farmer <jesse@20bits.com>
* Licensed under the MIT license.
*/
Hash.prototype.toObject = Hash.prototype.toObject || function() { return Object.clone(this); }

var TabbedPane = function(pane, page_urls, args) {
var args = $H({asynchronous: true, method: 'get', evalScripts: true}).merge(args).toObject();
this.load_page = function(page_id) {
new Ajax.Updater(pane, page_urls[page_id], args);
}

for (page_id in page_urls) {
Event.observe(page_id, 'click', function(e) {
if ('function' == typeof(args.onClick))
args.onClick(e);

for (page_id in page_urls) $(page_id).removeClassName('ontab');
this.load_page(Event.element(e).addClassName('ontab').id);
Event.stop(e);
}.bindAsEventListener(this));

if ($(page_id).hasClassName('ontab')) { this.load_page(page_id); }
}
}

I got the same message!

ok, but can you change in the script that I posted so it works as the same of 2.0.3?

I mean it works after the page fully completed? [ I'm noob in JS :( ]

thanks

Im having an IE7 prototip2 issue. Works in all other browsers.

When I run
new Tip('notice', 'Invoice Item Edited!', { style: 'notice', offset: { x: 166, y: 0 - $('notice').viewportOffset().top } }); $('notice').prototip.show();

the " $('notice').prototip.show(); "

part stops the rest of my javascript from running?

Any ideas?

ok I see.

But now the show command dosent run at all.

[code]
onComplete: function(t) {
if (t.responseText == "success") {
new Ajax.Updater('InvoiceitemAddFormDiv', 'c_AdminInvoiceitemAddForm.php', { evalScripts: true });
new Tip('notice', 'Invoice Item Edited!', { style: 'notice', offset: { x: 166, y: 0 - $('notice').viewportOffset().top } });
document.observe('dom:loaded', function() { $('notice').prototip.show(); });
}
[/code]

it works perfectly in FF. doing more tests in IE.

is there another way to write:
$('notice').prototip.show();

I mean is there any other syntax to run the show command. :)

I was able to get this working:
The element id I was hooking to had the sane name as the prototip style.
Once I changed that it works in all browsers.

OK, it didn't work to go from html to text while I worked at logging in. Let's try again:

I'm am trying something similar here and can not get it to work. As you can see, I have this script:

if(window.location.hash == '#vote-now') {
document.observe('dom:loaded', function() {$('left-vote-button').prototip.show() });
}

The window.location.hash == '#vote-now' works fine, but the $('left-vote-button').prototip.show() doesn't do anything and does not throw any errors. Any idea what's going on? Any help much appreciated!

Thanks for the advice. I am using Prototip 2.1.0.1 and Prototype 1.6.0.3 which are both the latest version. I'm not using any kind of ajax here. I just placed some debugging in my script:

if(window.location.hash == '#vote-now') {
document.observe('dom:loaded', function() {
console.log($('left-vote-button').prototip)
$('left-vote-button').prototip.show() });
}

And the console returns Object, which sounds to me like the prototip exists at this point--does that make sense?

Do you have any other ideas?

Thanks so much!

Thanks again--for future readers, just using a short delay makes it work.

if(window.location.hash == '#vote-now') {
document.observe('dom:loaded', function() {
setTimeout("$('left-vote-button').prototip.show()",100);
});
}