[Javascript] Pop-up in javascript infomenu. - Softwareontwikkeling

maandag 30 juni 2008 16:36

Acties:

Topicstarter

Beste GoT'ers,

Ik weet niet zoveel van javascript en ik kom hier niet uit.
Ik denk echter dat het voor jullie een eitje is en jullie het in 5 minuten weten op te lossen ;-)

Het probleem is dat ik een infovenstertje heb (bestaande uit Javascript, Overlib)
Hier een deel van de code:

code:

onmouseover='return overlib("<strong>Sardinia region\<\/strong><br \/>- <a href=map/producer.php rel=popup standard 800 600>Producer 1 </a> <br \/>- Producer 2", STICKY, MOUSEOFF, WRAP, CELLPAD, 5);' onmouseout='return nd();' title="" alt="" />

Probleem is echter dat zodra ik haakjes om de href wil gaan zetten, het script niet meer werkt (zowel enkel als dubbele haakjes) Wanneer ik geen haakjes gebruik, werkt de href wel, maar de rel niet.

Hebben jullie een oplossing $_/-\o_$ ?

http://www.last.fm/user/ceynox/

maandag 30 juni 2008 16:40

Acties:

LuCarD

Certified BUFH

\"

Programmer - an organism that turns coffee into software.

maandag 30 juni 2008 16:41

Acties:

CeYNoX

Topicstarter

LuCarD schreef op maandag 30 juni 2008 @ 16:40:
\"

Zo?

code:

onmouseover='return overlib("\<strong\>Sardinia region\<\/strong\>\<br \/\>- <a href=\"map/producer.php\" rel=\"popup standard 800 600\">Producer 1 </a> \<br \/\>- Producer 2", STICKY, MOUSEOFF, WRAP, CELLPAD, 5);' onmouseout='return nd();' title="" alt="" />

Helaas, werkt niet.

http://www.last.fm/user/ceynox/

maandag 30 juni 2008 16:42

Acties:

LuCarD

Certified BUFH

CeYNoX schreef op maandag 30 juni 2008 @ 16:41:
[...]

Zo?

code:

onmouseover='return overlib("\<strong\>Sardinia region\<\/strong\>\<br \/\>- <a href=\"map/producer.php\"" rel=\"popup standard 800 600\">Producer 1 </a> \<br \/\>- Producer 2", STICKY, MOUSEOFF, WRAP, CELLPAD, 5);' onmouseout='return nd();' title="" alt="" />

Helaas, werkt niet.

Heb je geen double quote te veel bij de href?

Programmer - an organism that turns coffee into software.

maandag 30 juni 2008 16:44

Acties:

CeYNoX

Topicstarter

LOL, zag hem net.... maar dat werkt nog steeds niet, de link werkt, maar de popup niet... (en als ik het "los" plaats, wel)

http://www.last.fm/user/ceynox/

maandag 30 juni 2008 16:47

Acties:

LuCarD

Certified BUFH

CeYNoX schreef op maandag 30 juni 2008 @ 16:44:
LOL, zag hem net.... maar dat werkt nog steeds niet, de link werkt, maar de popup niet... (en als ik het "los" plaats, wel)

Wie maakt de popup's?

En hoe zou die popup te voorschijn moeten komen?

[ Voor 9% gewijzigd door LuCarD op 30-06-2008 16:48 ]

Programmer - an organism that turns coffee into software.

maandag 30 juni 2008 16:50

Acties:

CeYNoX

Topicstarter

Popups a.d.h.v een script hier vandaan:
http://www.accessify.com/...orials/the-perfect-popup/

gewoon een 800 600 scherm.

http://www.last.fm/user/ceynox/

maandag 30 juni 2008 16:53

Acties:

LuCarD

Certified BUFH

CeYNoX schreef op maandag 30 juni 2008 @ 16:50:
Popups a.d.h.v een script hier vandaan:
http://www.accessify.com/...orials/the-perfect-popup/

gewoon een 800 600 scherm.

Aha. Dat gaat natuurlijk niet werken. Na het laden van de pagina loopt het popup script de DOM door en wijzigt alle links die rel="popup .... " hebben.

De link in de overlib zit niet in de dom en word daarom ook niet gewijzigd. Je moet het anders oplossen, dat gaat namelijk nooit werken.

Programmer - an organism that turns coffee into software.

maandag 30 juni 2008 16:56

Acties:

CeYNoX

Topicstarter

Aha!
Maar ik kan dit dus het beste doen met zoiets:

code:

<!-- TWO STEPS TO INSTALL POPUP WINDOW:

   1.  Paste the first into the HEAD of your HTML document
   2.  Use the code to open the popup page on your site  -->

<!-- STEP ONE: Copy this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Idea by:  Nic Wolfe -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=600,height=800');");
}
// End -->
</script>


<!-- STEP TWO: Use the following link to open the new window -->

<A HREF="javascript:popUp('map/producer.php')">Open the Popup Window</A>

<!-- Script Size:  0.73 KB  -->

In ieder geval hartstikke bedankt! top!

http://www.last.fm/user/ceynox/

maandag 30 juni 2008 20:48

Acties:

crisp

Devver

Pixelated

in HTML-attributen moet je HTML encoden:

HTML:

<img
  src="foo.gif"
  onmouseover="return overlib('&lt;strong&gt;Sardinia region&lt;/strong&gt;&lt;br&gt;- &lt;a href=&quot;map/producer.php&quot; rel=&quot;popup standard 800 600&quot;&gt;Producer 1 &lt;/a&gt; &lt;br&gt;- Producer 2', STICKY, MOUSEOFF, WRAP, CELLPAD, 5);"
  onmouseout='return nd();' title="" alt="">

Intentionally left blank

dinsdag 1 juli 2008 11:11

Acties:

CeYNoX

Topicstarter

Thnx Crisp! dat moest inderdaad gebeuren ;-)
Ik heb alleen een probleem met IE6. De page werkt goed in Safari/Firefox enz. en is volgens de W3C Valid XHTML 1.0 Transitional. Het probleem is dat IE6, in plaats van de link op te volgen, de code letterlijk plaatst...

zo dus:
- <a href=javascript:popUp("map/producer.php?name=")>Producer 1

Dit is de code die ik nu gebruik:

code:

onmouseover="return overlib('&lt;strong&gt;Sardinia region&lt;/strong&gt;&lt;br&gt;- &lt;a href=javascript:popUp(&quot;map/producer.php?name=<?$producername;?>&quot;)&gt;Producer 1 &lt;/a&gt; &lt;br /&gt;- &lt;a href=javascript:popUp(&quot;map/producer.php?name=<?$producername;?>&quot;)&gt; Producer 2 &lt;/a&gt;', STICKY, MOUSEOFF, WRAP, CELLPAD, 5);" onmouseout="return nd();" title="" alt="" />

Heeft er iemand een oplossing? Of moet ik voor IE gewoon een nieuw venster openen en dan laten resizen naar de juiste grootte *zucht*...

http://www.last.fm/user/ceynox/

woensdag 2 juli 2008 12:29

Acties:

CeYNoX

Topicstarter

Ik heb de oplossing al gevonden...
Die domme IE (6&7!!) ging de fratsen uit mijn vorige post doen als de variabele name niet was ingevuld en de url dus eindigde op "="... Nu alle links aangepast zodat hij niet meer eindigt met een = en ook IE werkt fantastisch

http://www.last.fm/user/ceynox/

woensdag 2 juli 2008 14:00

Acties:

crisp

Devver

Pixelated

Netjes attributen omsluiten door quotes in HTML en geen href misbruiken voor javascript acties had dat probleem ook voorkomen. Note dat het niet gebruiken van quotes voor attributen invalid XHTML is (maar XHTML is sowieso een wassen neus in IE, en zolang je serveert als text/html eigenlijk ueberhaupt een wassen neus)

Intentionally left blank