Kære kloge og smarte udviklere!
Jeg sidder midt i at teste noget JavaScript kode som jeg er meget facineret af, og som virker til dels. Den virker på et link, men jeg kan ikke bruge den til et andet link. Meningen med funktionen er at den skal åbne en "skjult" div, og vise den. Men den kan kun åbne én div.
Link samt div- <div id="blanket" style="display:none;"></div>
- <div id="popUpDiv" style="display:none;">
- //Indhold i min div
- </div>
- <a href="javascript: void(0);" onclick="popup('popUpDiv')">Link</a>
JavaScript- function toggle(div_id) {
- var el = document.getElementById(div_id);
- if ( el.style.display == 'none' ) { el.style.display = 'block'; el.style.background = '#FFFFFF'; el.style.width = '500px';}
- else {el.style.display = 'none';}
- }
- function blanket_size(popUpDivVar) {
- if (typeof window.innerWidth != 'undefined') {
- viewportheight = window.innerHeight;
- } else {
- viewportheight = document.documentElement.clientHeight;
- }
- if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) {
- blanket_height = viewportheight;
- } else {
- if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) {
- blanket_height = document.body.parentNode.clientHeight;
- } else {
- blanket_height = document.body.parentNode.scrollHeight;
- }
- }
- var blanket = document.getElementById('blanket');
- blanket.style.height = blanket_height + 'px';
- var popUpDiv = document.getElementById(popUpDivVar);
- popUpDiv_height=blanket_height/2-250;
- popUpDiv.style.top = popUpDiv_height + 'px';
- }
- function window_pos(popUpDivVar) {
- if (typeof window.innerWidth != 'undefined') {
- viewportwidth = window.innerHeight;
- } else {
- viewportwidth = document.documentElement.clientHeight;
- }
- if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) {
- window_width = viewportwidth;
- } else {
- if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) {
- window_width = document.body.parentNode.clientWidth;
- } else {
- window_width = document.body.parentNode.scrollWidth;
- }
- }
- var popUpDiv = document.getElementById(popUpDivVar);
- window_width=window_width/2-100;
- popUpDiv.style.left = window_width + 'px';
- }
- function popup(windowname) {
- blanket_size(windowname);
- window_pos(windowname);
- toggle('blanket');
- toggle(windowname);
- }
I kan se et eksempel her på
linket.
Og jeg ved godt at jeg ikke har en div til det andet link, men det er grundet af at jeg ved at det vil give problemer med to divs der hedder det samme.
I skal klikke på "Click for example".
På forhånd tak! Mvh. Daniele