Şimdi Ara

Jquery ile güncelleme?

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
2
Cevap
0
Favori
612
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Merhabalar,

    ben php kodlamaı biliyorum. google map ile çalışacan css lerle güzelleştirilmiş bir template satın alarak site açtım.

    burada site üzerinden mesaj atan kullanıcıların yerlerini google map üzerinde gösteriyorum. yerleri veri tabanından alıp php ile sitenin java scriptini oluşturuyorum.

    site çok güzel çalışıyor, sorunum yeni gelen mesajlarda google map üzerinde gösterilecek olan yer işaretlerini sayfayı refreshlemeden göstermej istiyorum.

    javascript kodudu bir div in içinde çalışıyor. kodu aşağıya ekliyorum. kodun arasında markerların oluşturulduğu yeri göreceksiniz. şu şekilde:

     
    add(jQuery(this), number += 1, "McQueen", "açıklama","açıklama<br /><br />Bugün Saat: 10:13<br />de mesaj aytı.<br /><br /><a href=’#’>McQueen Mesajları<br />Göster</a>","37.8738","42.5397","/images/pin2.png", ’<img width="95" height="95" src= "/images/25.gif" alt="" />’);

    add(jQuery(this), number += 1, "McQueen", "açıklama","açıklama<br /><br />Bugün Saat: 10:14<br />de mesaj aytı.<br /><br /><a href=’#’>McQueen Mesajları<br />Göster</a>","37.8738","42.5397","/images/pin2.png", ’<img width="95" height="95" src= "/images/25.gif" alt="" />’);


    add ile başlayan kodu php ile html çıktısı olarak hazırlayabilriim. nickler tarih ve kordinatlar değişir sadece....

    peki bu hazırladığım kodu java scriptin arasına nasıl çekerim? yada düşündüğüm bu yol doğrumudur?

    sayfayı güncellemeden nasıl yeni markerları haritaya dökeceğim?

    yardımlarınız için şimiden teşekkkürler...

     
    <div id="content"><script type="text/javascript">//<![CDATA[
    jQuery.noConflict(); jQuery(document).ready(function(){
    var zoomLevel = 6,gMap = jQuery("#gMap"),deviceAgent = navigator.userAgent.toLowerCase(),iPadiPhone = deviceAgent.match(/(iphone|ipod|ipad)/);
    if (iPadiPhone) {
    jQuery("#footer").prepend('<div class="markerNav" title="Geri" id="prevMarker">‹</div><div id="markers"></div><div class="markerNav" title="İleri" id="nextMarker">›</div><div id="mapTypeContainer"><div id="mapStyleContainer"><div id="mapStyle" class="satellite"></div></div><div id="mapType" title="Harita Tipi" class="satellite"></div></div>');
    }
    else {
    jQuery('#zoomIn').live('click',function(){zoomLevel += 1;gMap.gmap3({action: 'setOptions', args:[{zoom:zoomLevel}]});});
    jQuery('#zoomOut').live('click',function(){zoomLevel -= 1;gMap.gmap3({action: 'setOptions', args:[{zoom:zoomLevel}]});});
    jQuery("#footer").prepend('<div class="markerNav" title="Geri" id="prevMarker">‹</div><div id="markers"></div><div class="markerNav" title="İleri" id="nextMarker">›</div><div id="mapTypeContainer"><div id="mapStyleContainer"><div id="mapStyle" class="satellite"></div></div><div id="mapType" title="Harita Tipi" class="satellite"></div></div><div class="zoomControl" title="Uzaklaştır" id="zoomOut"><img src="/images/zoomOut.png" alt="-" /></div><div class="zoomControl" title="Yakınlaştır" id="zoomIn"><img src="/images/zoomIn.png" alt="+" /></div>');
    }
    jQuery('body').prepend("<div id='target'></div>");
    gMap.gmap3({action: 'init', onces: { bounds_changed: function(){
    var number = 0; jQuery(this).gmap3({
    action:'getBounds',callback: function (){

    add(jQuery(this), number += 1, "McQueen", "açıklama","açıklama<br /><br />Bugün Saat: 10:13<br />de mesaj aytı.<br /><br /><a href=’#’>McQueen Mesajları<br />Göster</a>","37.8738","42.5397","/images/pin2.png", ’<img width="95" height="95" src= "/images/25.gif" alt="" />’);

    add(jQuery(this), number += 1, "McQueen", "açıklama","açıklama<br /><br />Bugün Saat: 10:14<br />de mesaj aytı.<br /><br /><a href=’#’>McQueen Mesajları<br />Göster</a>","37.8738","42.5397","/images/pin2.png", ’<img width="95" height="95" src= "/images/25.gif" alt="" />’);

    }});
    }
    }},{ action: 'setOptions', args:[{zoom:zoomLevel,scrollwheel:false,disableDefaultUI:true,disableDoubleClickZoom:true,draggable:true,mapTypeControl:false,panControl:false,scaleControl:false,streetViewControl:false,zoomControl:false,mapTypeId:'roadmap'}]});

    function add(jQuerythis, i, title, link, excerpt, lati, longi, pinimg, img){
    jQuerythis.gmap3({action : 'addMarker',lat:lati,lng:longi,options: {icon: new google.maps.MarkerImage(pinimg)},events:{mouseover: function(marker){jQuerythis.css({cursor:'pointer'});
    jQuery('#markerTitle'+i+'').fadeIn({ duration: 200, queue: false }).animate({bottom:"32px"},{duration:200,queue:true});
    jQuery('.markerInfo').removeClass('activeInfo').hide();
    jQuery('#markerInfo'+i+'').addClass('activeInfo').show();
    jQuery('.marker').removeClass('activeMarker');
    jQuery('#marker'+i+'').addClass('activeMarker');
    },mouseout: function(){
    jQuerythis.css({cursor:'default'});
    jQuery('#markerTitle'+i+'').stop(true,true).fadeOut(200,function(){jQuery(this).css({bottom:"0"})});
    }, click: function(marker){window.location = link}}, callback: function(marker){
    var jQuerybutton = jQuery('<div id="marker'+i+'" class="marker"><div id="markerInfo'+i+'" class="markerInfo"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=54066822&url='+link+'" data-href="'+link+'">'+img+'</a><h2><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=54066822&url='+link+'" data-href="'+link+'">'+title+'</a></h2><p>'+excerpt+'</p><div class="markerTotal">'+i+' / <span></span></div></div></div>');
    jQuerybutton.mouseover(function(){
    jQuerythis.gmap3({action:'panTo',args:[marker.position]
    });
    jQuery("#target").stop(true,true).fadeIn(1200).delay(500).fadeOut(1200);});
    jQuery('#markers').append(jQuerybutton);
    var numbers = jQuery(".markerInfo").length;
    jQuery(".markerTotal span").html(numbers);
    if(i == 1){
    jQuery('.marker:first-child').addClass('activeMarker').mouseover();
    }
    jQuerythis.gmap3({action:'addOverlay',content: '<div id="markerTitle'+i+'" class="markerTitle">'+title+'</div>',latLng: marker.getPosition()});
    }});
    }});
    //]]></script>
    </div>








  • valla işine yararmı bilemiyorum ama ben sayfada refresh yapmadan içerik göstermek için
    <head>
    <script type="text/javascript">
    function sayfaac(sayfaAdi){
    $("#anaDiv").load(sayfaAdi);
    }
    </script>
    </head>
    diye bir kod kullanıyorum

    bunun için

    burası body oluyor..
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=54212276&url=#" onClick="sayfaac('anasayfa.php');" data-href="#" onClick="sayfaac('anasayfa.php');">Anasayfa</a>
    <div id="anaDiv"> içeriğin olduğu sayfa buraya geliyor </div>

    mantık şu bir div var ve bu div'in içine yollamak istediğim sayfayı .load() a yolluyorum oda jquery ile işi hallediyor bu sayede sayfa resreh yapılmadan içerik istediğim dvi'in içinde gösteriliyor ama sen harita üzerine işaret im i ni nasıl konumlandırırsın bilemiyorum.. belki sayfayı yeniden aynı div'in içine yollatırsan iş görebilir.




  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.