Kane250 Posted June 26, 2008 Share Posted June 26, 2008 I have a rollover image being used as a submit button that also opens a popup window. It works fine in Safari and Opera but not in Firefox. In firefox it just shows up as a big square...any idea why this would be happening? <html> <!-- function wopen(url, name, w, h) { // Fudge factors for window decoration space. // In my tests these work well on all platforms & browsers. w += 20; h += -20; var win = window.open(url, name, 'width=' + w + ', height=' + h + ', ' + 'location=no, menubar=no, ' + 'status=no, toolbar=no, scrollbars=no, resizable=no'); win.resizeTo(w, h); win.focus(); } // --> <div id="emailcheck"> <input type="submit" value="" class="button" onclick="wopen('mainsub.php', 'popup', 400, 375); return true;" onmouseover="this.className='button-over';" onmouseout="this.className='button';" /> </div> </html> Link to comment https://forums.phpfreaks.com/topic/112052-rollover-submit-button-doesnt-show-up-in-firefox/ Share on other sites More sharing options...
TheFilmGod Posted June 26, 2008 Share Posted June 26, 2008 Why use javascript to change the submit button, if you can do the same thing in CSS? I know :hover isn't supported on all browsers, like IE6, but about 70% of them do support it. Link to comment https://forums.phpfreaks.com/topic/112052-rollover-submit-button-doesnt-show-up-in-firefox/#findComment-575462 Share on other sites More sharing options...
Kane250 Posted June 30, 2008 Author Share Posted June 30, 2008 Why use javascript to change the submit button, if you can do the same thing in CSS? I know :hover isn't supported on all browsers, like IE6, but about 70% of them do support it. Because the submit triggers a javascript popup. So I couldn't see a way to code a standard rollover that also connected with a popup window.. Link to comment https://forums.phpfreaks.com/topic/112052-rollover-submit-button-doesnt-show-up-in-firefox/#findComment-577834 Share on other sites More sharing options...
haku Posted June 30, 2008 Share Posted June 30, 2008 Use CSS to do the hover, use javascript to do the popup. Link to comment https://forums.phpfreaks.com/topic/112052-rollover-submit-button-doesnt-show-up-in-firefox/#findComment-577865 Share on other sites More sharing options...
Kane250 Posted June 30, 2008 Author Share Posted June 30, 2008 Use CSS to do the hover, use javascript to do the popup. I am. This is my CSS: .button { border:0px; outline:0px; background:url('images/emailcheck.png'); width: 41px; height: 33px; } .button-over { border:0px; outline:0px; background:url('images/emailcheckro.png'); width: 41px; height: 33px; } Link to comment https://forums.phpfreaks.com/topic/112052-rollover-submit-button-doesnt-show-up-in-firefox/#findComment-578330 Share on other sites More sharing options...
haku Posted June 30, 2008 Share Posted June 30, 2008 change .button-over to .button:hover Link to comment https://forums.phpfreaks.com/topic/112052-rollover-submit-button-doesnt-show-up-in-firefox/#findComment-578334 Share on other sites More sharing options...
Kane250 Posted June 30, 2008 Author Share Posted June 30, 2008 change .button-over to .button:hover Not quite sure what that does but it made my rollover toggle between the normal image, the rollover image, and a white square. It was very glitchy... Link to comment https://forums.phpfreaks.com/topic/112052-rollover-submit-button-doesnt-show-up-in-firefox/#findComment-578474 Share on other sites More sharing options...
haku Posted July 1, 2008 Share Posted July 1, 2008 Then you are doing it wrong. Lets see your code. edit: and preferably a link. Link to comment https://forums.phpfreaks.com/topic/112052-rollover-submit-button-doesnt-show-up-in-firefox/#findComment-578727 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.