Avatar billede dk-andersson Nybegynder
06. februar 2009 - 16:20 Der er 15 kommentarer og
1 løsning

Ajax script...

Hey jeg er begyndt at leg lidt med Ajax.. og har derfor download nogle eksempler på hvordan sådan noget ser ud.

Så har jeg lave nogel ændering i koden og det gik fint, lige ind til nu hvor jeg vil lave en ny ændering.

Jeg har denne Css dock menu som ser rigtig godt ud. Jeg har så gjort sådan at man kan klikke på et icon og så kommer der et vindue frem, det er også rigtig fedt... men nu vil jeg så meget gerne have at når jeg klikker på minimer så den lave et icon mere i dock, men kan slet ikke få den til det.. Har fundet dette script som enligt gøre det som jeg ønsker, den klikker det bare ikke ned i den rigtig dock.

Siden kan ses her i funktion
http://www.cheap-web/mms/test

Her kan i også se kilde koden..
Avatar billede znopie Nybegynder
06. februar 2009 - 16:36 #1
function GetXmlHttpObject() {
                var objXMLHttp = null;
                                if (window.XMLHttpRequest)    { objXMLHttp = new XMLHttpRequest(); }
                    else    if (window.ActiveXObject)     { objXMLHttp = new ActiveXObject("Microsoft.XMLHTTP"); }
                                if (objXMLHttp == null)         { alert('Your browser does not support AJAX!'); return; }
                return objXMLHttp;
            }
            function getHost() {
                xmlHttp = GetXmlHttpObject();
                    xmlHttp.onReadyStateChange = function() {
                        if (xmlHttp.readyState == 1) { document.getElementById('vjax').innerHTML = 'Sending Request...'; }
                        if (xmlHttp.readyState == 4) { document.getElementById('vjax').innerHTML = xmlHttp.responseText; }
                    };
                xmlHttp.open('POST', 'gh.php', true);
                xmlHttp.send(null);
                    alert(xmlHttp.readyState);
                    /*setTimeout(getHost(), 5000);*/
            }
Avatar billede znopie Nybegynder
06. februar 2009 - 16:37 #2
Hov, det må du undskylde, troede det var mit indlæg :/

Administrator må gerne slette disse indlæg fra mig.
Avatar billede dk-andersson Nybegynder
06. februar 2009 - 16:44 #3
hvad.. han skal da ikke slette dette indlæg
Avatar billede znopie Nybegynder
06. februar 2009 - 16:45 #4
Han skal slette det jeg skrev. Sorry, er vist lidt træt i dag.
Avatar billede dk-andersson Nybegynder
06. februar 2009 - 17:12 #5
Her er min kode
Dette er index siden

<script type="text/javascript" src="javascripts/prototype.js"> </script>
<script type="text/javascript" src="javascripts/effects.js"> </script>
<script type="text/javascript" src="javascripts/window.js"> </script>
<script type="text/javascript" src="javascripts/window_ext.js"> </script>
<script type="text/javascript" src="javascripts/debug.js"> </script>
<script type="text/javascript" src="javascripts/test.js"> </script>
<script type="text/javascript" src="js/application.js"> </script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>




<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(iepngfix.htc) }
</style>
<![endif]-->

<link href="themes/default.css" rel="stylesheet" type="text/css">
<link href="themes/alphacube.css" rel="stylesheet" type="text/css">
<link href="themes/lighting.css" rel="stylesheet" type="text/css"/>
<link href="themes/mac_os_x.css" rel="stylesheet" type="text/css"/>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="css/pwc-os.css" rel="stylesheet" type="text/css"/>
</head>
<body>

<!--bottom dock -->
<div class="dock" id="dock2">
  <div class="dock-container2">
  <a class="dock-item2" href="#" onclick="win1.show();"><span>Medlemmer</span><img src="images/home.png" alt="home" /></a>
  <a class="dock-item2" href="#"><span>Contact</span><img src="images/email.png" alt="contact" /></a>
  <a class="dock-item2" href="#"><span>Portfolio</span><img src="images/portfolio.png" alt="portfolio" /></a>
  <a class="dock-item2" href="#"><span>Music</span><img src="images/music.png" alt="music" /></a>
  <a class="dock-item2" href="#"><span>Video</span><img src="images/video.png" alt="video" /></a>
  <a class="dock-item2" href="#"><span>History</span><img src="images/history.png" alt="history" /></a>
  <a class="dock-item2" href="#"><span>Calendar</span><img src="images/calendar.png" alt="calendar" /></a>
  <a class="dock-item2" href="#"><span>Links</span><img src="images/link.png" alt="links" /></a>
  <a class="dock-item2" href="#"><span>RSS</span><img src="images/rss.png" alt="rss" /></a>
  <a class="dock-item2" href="#"><span>RSS2</span><img src="images/rss2.png" alt="rss" /></a>
  </div>
</div>
<div id="dock3"></div>     
<!--dock menu JS options -->
<script type="text/javascript">
jQuery.noConflict();   
    jQuery(document).ready(
        function()
        {
            jQuery('#dock2').Fisheye(
                {
                    maxWidth: 60,
                    items: 'a',
                    itemsText: 'span',
                    container: '.dock-container2',
                    itemWidth: 40,
                    proximity: 80,
                    alignment : 'left',
                    valign: 'bottom',
                    halign : 'center'
                }
            )
        }
    );

</script>
<?php
$text = "Dette er en test for at se om det virker som det skal";
?>
<script type="text/javascript">
win1 = new Window({className: "alphacube", title: "Medlemmer", width:500, height:500, top:70, left:100, url: "medlemmer.php", showEffectOptions: {duration:1.5}})

</script>

Og dette er den funktion som jeg har fundet og som jeg skal have til at virker sammen med denne dock

// Overide Windows minimize to move window inside dock 
Object.extend(Windows, {
  // Overide minimize function
  minimize: function(id, event) {
    var win = this.getWindow(id)
    if (win && win.visible) {
      // Hide current window
      win.hide();           
   
      // Create a dock element
      var element = document.createElement("span");
      element.className = "dock_icon3";
      element.style.display = "none";
      element.win = win;
      $('dock3').appendChild(element);
      Event.observe(element, "mouseup", Windows.restore);
      $(element).update(win.getTitle());
   
      new Effect.Appear(element)
    }
    Event.stop(event);
  },               
 
  // Restore function
  restore: function(event) {
    var element = Event.element(event);
    // Show window
    element.win.show();
    //Windows.focus(element.win.getId());                   
    element.win.toFront();
    // Fade and destroy icon
    new Effect.Fade(element, {afterFinish: function() {element.remove()}})
  }
})
Avatar billede majbom Novice
06. februar 2009 - 17:14 #6
siden du linker til virker ikke..
Avatar billede olebole Juniormester
06. februar 2009 - 17:56 #7
<ole>

Har du for sjov prøvet at tælle sammen, hvor meget dine JavaScripts fylder?  =8-O

/mvh
</bole>
Avatar billede dk-andersson Nybegynder
06. februar 2009 - 18:32 #8
nej det har jeg ikke.. men mangler stadig et svar omkring mit spørgsmål... ;-) er der virker lige ikke nogen som kan klare dette
Avatar billede olebole Juniormester
07. februar 2009 - 18:37 #9
Kan spørgeren virkelig ikke læse, hvad der bliver skrevet til ham? Læs, hvad splazz skrev til dig
Avatar billede dk-andersson Nybegynder
08. februar 2009 - 20:23 #10
okay.. men hvad er det for et af link som ikke virker???

I kan se det her i funktion, som jeg gerne vil have det til at se ud og så vil jeg gerne have at når man minimer kommer der et icon i dock

http://cheap-web.dk/mms/mac
Avatar billede olebole Juniormester
08. februar 2009 - 20:48 #11
"okay.. men hvad er det for et af link som ikke virker???" >> Der er vel ikke skrevet andre links i denne tråd, end det du selv skrev i spørgsmålet  ;o)

Hvorfor fortæller du ikke, din browser giver en fejlmeddelelse, når siden loader? Du har øjensyligt en fejl i denne linje i 'test.js':
      $$("#theme select").first().selectedIndex = currentTheme;

'currentTheme' er åbenbart ikke defineret
Avatar billede dk-andersson Nybegynder
08. februar 2009 - 22:35 #12
Dette er mit script som minimer til en dock.. men kan ikke finde ud af at ændre dette script sådan at den laver et icon i min dock på siden..

// Overide Windows minimize to move window inside dock 
Object.extend(Windows, {
  // Overide minimize function
  minimize: function(id, event) {
    var win = this.getWindow(id)
    if (win && win.visible) {
      // Hide current window
      win.hide();           
   
      // Create a dock element
      var element = document.createElement("span");
      element.className = "dock_icon3";
      element.style.display = "none";
      element.win = win;
      $('dock3').appendChild(element);
      Event.observe(element, "mouseup", Windows.restore);
      $(element).update(win.getTitle());
   
      new Effect.Appear(element)
    }
    Event.stop(event);
  },               
 
  // Restore function
  restore: function(event) {
    var element = Event.element(event);
    // Show window
    element.win.show();
    //Windows.focus(element.win.getId());                   
    element.win.toFront();
    // Fade and destroy icon
    new Effect.Fade(element, {afterFinish: function() {element.remove()}})
  }
})
Avatar billede olebole Juniormester
09. februar 2009 - 10:04 #13
Du skal nok begynde med at indkredse den fejl, jeg nævnte. At gøre andet på nuværende tidspunkt vil være spild af tid
Avatar billede olebole Juniormester
11. februar 2009 - 09:42 #14
Kom du videre?
Avatar billede dk-andersson Nybegynder
23. juli 2009 - 20:36 #15
lukket
Avatar billede majbom Novice
23. juli 2009 - 21:04 #16
selv tak
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester