javasqcrip jquery Archives -

Perte de la coloration javascript sur visual studio

Il se peut que pendant l’édition d’un fichier javascript que vous perdiez la coloration synthaxique et que le code devienne complètement noir.

Il suffit de fermer et de rouvrir le fichier en question

jsGrid : sortir d’un focus du mode edition

Pour sortir du focus d’une ligne en mode édition vous pouvez boucler sur les tr et enregistrer les lignes en y mettant une condition de votre choix …

$("#monTableau").find('tr').each(function() {
    var rowid = $(this).parents('tr:last').attr('id');
    if(maCondition){
        $("#monTableau").saveRow(rowid);
    }
}

$("#monTableau").find('tr').each(function() {

var rowid = $(this).parents('tr:last').attr('id');

if(maCondition){

$("#monTableau").saveRow(rowid);

}

Cordova phonegap ios iphone, changer la couleur

Il faut ajouter le plugin statusbar

cordova plugin add cordova-plugin-statusbar

1	cordova plugin add cordova-plugin-statusbar

Puis l’insérer dans config.xml

<gap:plugin name="com.phonegap.plugin.statusbar" />

1	<gap:plugin name="com.phonegap.plugin.statusbar" />

Puis modifier la couleur par javascript dans index.html


document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady(){
    StatusBar.overlaysWebView(false);
    StatusBar.backgroundColorByHexString('#000000');
}

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady(){

StatusBar.overlaysWebView(false);

StatusBar.backgroundColorByHexString('#000000');

}

Jquery dialog, fermer le dialogue sur un clic en dehors de la fenêtre

Il existe plusieurs méthodes, celle que j’utilise se fait à l’évènement hide, avec la propriété modal d’activé, j’applique un css pour enlever l’opacité par defaut (facultatif…)

$("#dialog1").dialog({
    open: function(event, ui){
        modal: true,
        jQuery('.ui-widget-overlay').bind('click',function(){
            jQuery('#dialog1').dialog('close');
        })
        $(".ui-widget-overlay").css({
            opacity: 0,
            filter: "Alpha(Opacity=0)"
        });
    }
});

$("#dialog1").dialog({

open: function(event, ui){

modal: true,

jQuery('.ui-widget-overlay').bind('click',function(){

jQuery('#dialog1').dialog('close');

})

$(".ui-widget-overlay").css({

opacity: 0,

filter: "Alpha(Opacity=0)"

});

}

});

Toutes les options du dialogue
https://api.jqueryui.com/dialog/

jquery dialog, cacher le bouton fermer (la croix)

il faut appliquer un hide à l’évènement open de votre dialog

$("#dialog1").dialog({
	open: function(event, ui){
		$(".ui-dialog-titlebar-close",".ui-dialog-titlebar").hide();
	}
});

$("#dialog1").dialog({

open: function(event, ui){

$(".ui-dialog-titlebar-close",".ui-dialog-titlebar").hide();

}

});

Une autre solution est d’appliquer une propriété css permanente

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.no-close .ui-dialog-titlebar-close {

display: none;

}

<style type="text/css">
.no-close .ui-dialog-titlebar-close {
  display: none;
}
</style>

.no-close .ui-dialog-titlebar-close {

display: none;

}

</style>

$("#dialog1").dialog({
dialogClass: "no-close"
});

$("#dialog1").dialog({

dialogClass: "no-close"

});