Js Mobil Gizleme

26-03-2021, 10:03:12

Arkadaşlar;

<script>
$( document ).ready(function() {
    if ($(window).width() <= 768 ){        
        $('#mic-init-access-tool').css('display','none');
        $('#mobil-mic-access-tool-general-button').click(function(){
        $('#mic-access-tool-general-button').click();
        })
    }
});

</script>

Js Dosyamızda da element

this.toolBox=document.getElementById("mic-access-tool-box"),this.toolBoxOpenButton=document.getElementById("mic-access-tool-general-button")

geçiyor.

mic-access-tool-general-button elementini bir türlü mobilde gizleyemedik. Yanlış mı yapıyoruz acaba ? Konu hakkında yardımcı olursanız çok seviniriz.

26-03-2021, 10:06:39

#2

Kara

Foxi adlı üyeden alıntı: mesajı görüntüle

Arkadaşlar;

<script>
$( document ).ready(function() {
    if ($(window).width() <= 768 ){        
        $('#mic-init-access-tool').css('display','none');
        $('#mobil-mic-access-tool-general-button').click(function(){
        $('#mic-access-tool-general-button').click();
        })
    }
});

</script>

Js Dosyamızda da element

this.toolBox=document.getElementById("mic-access-tool-box"),this.toolBoxOpenButton=document.getElementById("mic-access-tool-general-button")

geçiyor.

mic-access-tool-general-button elementini bir türlü mobilde gizleyemedik. Yanlış mı yapıyoruz acaba ? Konu hakkında yardımcı olursanız çok seviniriz.

hocam bunu css ile yapabilirsiniz sayfayı belirli widthin altına düştüğünde belirttiğiniz kısma display:none atabilirsiniz.

26-03-2021, 10:10:23

#3

Foxi

Kara adlı üyeden alıntı: mesajı görüntüle

hocam bunu css ile yapabilirsiniz sayfayı belirli widthin altına düştüğünde belirttiğiniz kısma display:none atabilirsiniz.

Hocam css dosyasıda şu şekilde nasıl yaparız ?

#mic-init-access-tool .mic-access-tool-general-button{position:fixed!important;z-index:99999!important;display:block!important;bottom:65px;left:0px;background-color:#ed6221;cursor:pointer;border:solid 2px #fff;border-radius:4px 4px 20px 4px;color:#fff;padding:0}

26-03-2021, 10:12:02

#4

Mustafaayaz32

Foxi adlı üyeden alıntı: mesajı görüntüle

Hocam css dosyasıda şu şekilde nasıl yaparız ?

#mic-init-access-tool .mic-access-tool-general-button{position:fixed!important;z-index:99999!important;display:block!important;bottom:65px;left:0px;background-color:#ed6221;cursor:pointer;border:solid 2px #fff;border-radius:4px 4px 20px 4px;color:#fff;padding:0}

Kara hocamın dediği gibi sizin son attığınız koddaki display özelliğini if ile none olarak ayarlayabilirsiniz mobil için. display:block yazan kısım

26-03-2021, 10:19:30

#5

Kara

Foxi adlı üyeden alıntı: mesajı görüntüle

Hocam css dosyasıda şu şekilde nasıl yaparız ?

#mic-init-access-tool .mic-access-tool-general-button{position:fixed!important;z-index:99999!important;display:block!important;bottom:65px;left:0px;background-color:#ed6221;cursor:pointer;border:solid 2px #fff;border-radius:4px 4px 20px 4px;color:#fff;padding:0}

@media only screen and ( max-width:600px ){
[COLOR=#B9BDB6][FONT=consolas, bitstream vera sans mono, courier new, Courier, monospace].mic-access-tool-general-button{[/FONT][/COLOR]
display:none;
[COLOR=#B9BDB6][FONT=consolas]}[/FONT][/COLOR]
}

bunu yazın ve ekranın widtihini inceleden 600px ve aşşağısına getirin kontrol edin hocam.

26-03-2021, 10:21:04

#6

Kara

@media only screenand ( max-width:600px){
.mic-access-tool-general-button{
display:none
}
}

ötekinde yamup çıkmış kod bu hocam.

@Foxi;

26-03-2021, 12:15:18

#7

per

doğrudan css ile olur bahsedildiği gibi, ya da paylaştığın js dosyasında mic-access-tool-general-button değil mic-init-access-tool classı cssine müdahele etmişsin. $('.mic-access-tool-general-button').css('display','none'); olarak bir dene.

26-03-2021, 13:42:21

#8

Foxi

per adlı üyeden alıntı: mesajı görüntüle

doğrudan css ile olur bahsedildiği gibi, ya da paylaştığın js dosyasında mic-access-tool-general-button değil mic-init-access-tool classı cssine müdahele etmişsin. $('.mic-access-tool-general-button').css('display','none'); olarak bir dene.

Hocam çok teşekkürler oldu