• 24-11-2013, 22:45:24
    #1
    Üyeliği durduruldu
    Merhaba arkadaşlar;
    aşağıdaki linkte verdiğim haritada il üzerine tıkladığımda belli bir sayfaya yönlendirmek istiyorum. Bunu nasıl yapabiliriz yardımcı olabilecek arkadaş var mı ?

    http://selengora.com/jquery-interact...p/#comment-427
  • 25-11-2013, 11:52:01
    #2
    Misafir
    funSO adlı üyeden alıntı: mesajı görüntüle
    Merhaba arkadaşlar;
    aşağıdaki linkte verdiğim haritada il üzerine tıkladığımda belli bir sayfaya yönlendirmek istiyorum. Bunu nasıl yapabiliriz yardımcı olabilecek arkadaş var mı ?

    http://selengora.com/jquery-interact...p/#comment-427
    merhabalar

    path.js de


    bu kısmı

    var paths = {
    	blank: {
    	name: 'blank',
    	path: ''
    bu şekilde düzeltin

    var paths = {
    	blank: {
    	name: 'blank',
    	link:'',
    	path: ''

    ve


    	balikesir: {
    	name: 'balikesir',
    	county: '10',
    	value: 'notSelected',
    	link:'http://www.google.com',

    yukarda gördüğünüz gibi link alanı ekliyoruz...
    ben google yazdım balıkesire tıklanınca oraya gider


    daha sonra da

    init.js de

    
    			/* county - mouse in */
    			obj
    			.hover(function(){ 
    				if(paths[arr[this.id]].value == 'notSelected')
    					{
    					/*this.animate({
    						fill: '#32CD32'
    					}, 300);*/
    				}

    kodlarının hemen üzerine

    			obj
    			.click(function(){
    				var link = paths[arr[this.id]].link
    				window.location= link;
    			});



    kodunu eklerseniz istediğinizi tam olarak elde edebilirsiniz...

    ya da uğraşmam diyorsanız modifiye halini aşağıdan indirebilirsiniz

    Demo
    İndir

    iyi çalışmalar
  • 25-11-2013, 20:44:25
    #3
    Üyeliği durduruldu
    xaqpax adlı üyeden alıntı: mesajı görüntüle
    merhabalar

    path.js de


    bu kısmı

    var paths = {
    	blank: {
    	name: 'blank',
    	path: ''
    bu şekilde düzeltin

    var paths = {
    	blank: {
    	name: 'blank',
    	link:'',
    	path: ''

    ve


    	balikesir: {
    	name: 'balikesir',
    	county: '10',
    	value: 'notSelected',
    	link:'http://www.google.com',

    yukarda gördüğünüz gibi link alanı ekliyoruz...
    ben google yazdım balıkesire tıklanınca oraya gider


    daha sonra da

    init.js de

    
    			/* county - mouse in */
    			obj
    			.hover(function(){ 
    				if(paths[arr[this.id]].value == 'notSelected')
    					{
    					/*this.animate({
    						fill: '#32CD32'
    					}, 300);*/
    				}

    kodlarının hemen üzerine

    			obj
    			.click(function(){
    				var link = paths[arr[this.id]].link
    				window.location= link;
    			});



    kodunu eklerseniz istediğinizi tam olarak elde edebilirsiniz...

    ya da uğraşmam diyorsanız modifiye halini aşağıdan indirebilirsiniz

    Demo
    İndir

    iyi çalışmalar
    Teşekkürker arkadaşım.