Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Bindows

 Estas en el tema de Bindows en el foro de Frameworks JS en Foros del Web. Hola amigos, investigando un poco sobre ajax me consegui con esta web. Me parece que es una excelente opcion para crear aplicaciones en ambiente web ...
  #1 (permalink)  
Antiguo 11/07/2005, 10:48
Avatar de neoven  
Fecha de Ingreso: enero-2002
Ubicación: La red
Mensajes: 207
Antigüedad: 22 años, 11 meses
Puntos: 0
Bindows
Hola amigos, investigando un poco sobre ajax me consegui con esta web. Me parece que es una excelente opcion para crear aplicaciones en ambiente web aunque todavia no lo he detallado bien, pero me gustaria saber sus opiniones.

La web es www.bindows.net
Última edición por neoven; 11/07/2005 a las 10:59
  #2 (permalink)  
Antiguo 20/07/2005, 05:28
Avatar de carlosechelon  
Fecha de Ingreso: octubre-2003
Ubicación: campana.baires
Mensajes: 71
Antigüedad: 21 años, 1 mes
Puntos: 0
muy bueno .....me parece muy bueno el desarrollo de esta gente.....
  #3 (permalink)  
Antiguo 05/09/2005, 03:22
 
Fecha de Ingreso: octubre-2004
Mensajes: 878
Antigüedad: 20 años, 2 meses
Puntos: 1
que pasada, pero eso es ajax? como pueden sacar unas pestañas así? a ver si alguien nos da una pista...


__________________
Hip Hop Conciertos
Foros de musica
  #4 (permalink)  
Antiguo 05/09/2005, 03:40
Avatar de abe_k  
Fecha de Ingreso: diciembre-2004
Mensajes: 286
Antigüedad: 20 años
Puntos: 2
Brutal, como se lo han currao. Habra que investigar...
__________________
abe_k

Si quieres visitar Andorra, consulta la guia de este pequeño pais y conseguiras toda la información que necesites. La guia del visitante en Andorra
  #5 (permalink)  
Antiguo 07/09/2005, 20:09
Avatar de derkenuke
Colaborador
  
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 21 años, 2 meses
Puntos: 45
Mmm, en Opera no quieren funcionar los samples:
Cita:
Demo

Your browser does not support Bindows.
Hay que marcharse a Firefox para correrlo. Y aun asi no se muestra tan bonito como en IE, lo que me hace pensar que se diseñó para IE.

Algunos componentes como el grafico (hablo de la pagina http://www.bindows.net/bindows/samples/inline/) tampoco se ven en FF. El gauge tampoco.

Y no resulta odioso que inhabiliten el boton dcho del raton? En opera no, pero en FF y en IE no hace efecto, supongo que para intentar proteger su codigo.

Solo funciona en IE supongo que por
Código PHP:
<html xmlns:v="urn:schemas-microsoft-com:vml"> 
que nos podemos encontrar en su codigo. El gauge por ejemplo estara hecho con VML, (y con ajax, aunque no encuentro aqui su utilidad) pero con VML conseguimos esas cosas tan espectaculares, aunque es asi de portable.

Para rematar si nos metemos con una hoja de estilos que tiene:
http://www.bindows.net/bindows/html/css/bimain.css
Encontraremos filtros para el navegador IE, y codigo que no habia visto en mi vida, "xul" y no se que mas cosas, pero que me encantaria saber qué son. Voy a transcribir el codigo, identado, no como aparece ahi, para ver si alguien puede decirme algo. (en el siguiente mensaje)

Solo estuve un rato de mi vida dedicandolo a VML, pero me gustaria meterme otra vez, siempre y cuando todos los navegadores admitan algo asi.


Y una ultima cosita... ¿alguien me puede decir donde esta el AJAX exactamente? No entiendo nada ni del planteamiento, y mucho menos del codigo. Aunque hay que reconocerlo, vistoso sí que es (pero windows tambien lo era).

Que alguien me aclare las ideas!
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.
  #6 (permalink)  
Antiguo 07/09/2005, 20:10
Avatar de derkenuke
Colaborador
  
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 21 años, 2 meses
Puntos: 45
Código PHP:
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
    
xul|menubar xul|toolbargrippy   {
    display:none !important
}
xul|menubar  {
    border:0 !important
}
.ul|menubar > xul|hbox  {
    border:0
}
xul|menubar.context-menu-menubar  {
    background-image:none !important;
    background-color:transparent !important
}
.bi-tree-view  {
    -moz-box-sizing:border-box;
    position:absolute;
    overflow:hidden;
    width:300px;
    height:300px
}
.bi-tree-view-headers {
    position:absolute;
    overflow:hidden;
    top:0
}
.bi-tree-view-row-headers {
    position:absolute;
    overflow:hidden;
    left:0
}
.bi-tree-view-header-corner {
    position:absolute;
    top:0;
    left:0;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-tree-view-body {
    -moz-box-sizing:border-box;
    overflow:auto;
    width:100%;
    height:100%
}
.bi-tree-view-body-filler {
    -moz-box-sizing:border-box
}
.bi-tree-view-body-content {
    -moz-box-sizing:border-box;
    position:absolute;
    overflow:hidden
}
.bi-tree-view-table {
    -moz-box-sizing:border-box;
    table-layout:fixed
}
.bi-tree-view-table tr {
    cursor:default
}
.bi-tree-view-table td {
    -moz-box-sizing:border-box;
    white-space:nowrap;
    vertical-align:middle;
    height:18px;
    overflow:hidden;
    empty-cells:show
}
.bi-tree-view-headers-table {
    -moz-box-sizing:border-box;
    table-layout:fixed
}
.bi-tree-view-headers-table td {
    -moz-box-sizing:border-box;
    white-space:nowrap;
    vertical-align:middle;
    overflow:hidden;
    empty-cells:show
}
.bi-tree-view-row-headers-table {
    table-layout:fixed
}
.bi-tree-view-row-headers-table tr {
    cursor:default
}
.bi-tree-view-row-headers-table td {
    white-space:nowrap;
    vertical-align:middle;
    overflow:hidden;
    empty-cells:show
}
.bi-tree-view nobr {
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.bi-tree-view-table td .icon {
    width:16px;
    height:16px
}
. html .bi-tree-view-table td .icon {
    position:relative;
    top:-1px
}
.bi-olap-grid {
    -moz-box-sizing:border-box;
    position:absolute;
    overflow:hidden;
    width:300px;
    height:300px
}
.bi-olap-grid-headers {
    position:absolute;
    overflow:hidden;
    top:0
}
.bi-olap-grid-row-headers {
    position:absolute;
    overflow:hidden;
    left:0
}
.bi-olap-grid-header-corner {
    position:absolute;
    top:0;
    left:0;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-olap-grid-body {
    -moz-box-sizing:border-box;
    overflow:auto;
    width:100%;
    height:100%
}
.bi-olap-grid-body-filler {
    -moz-box-sizing:border-box
}
.bi-olap-grid-body-content {
    -moz-box-sizing:border-box;
    position:absolute;
    overflow:hidden
}
.bi-olap-grid-table {
    -moz-box-sizing:border-box;
    table-layout:fixed
}
.bi-olap-grid-table tr {
    cursor:default
}
.bi-olap-grid-table td {
    -moz-box-sizing:border-box;
    white-space:nowrap;
    vertical-align:middle;
    height:18px;
    overflow:hidden;
    empty-cells:show
}
.bi-olap-grid-headers-table {
    -moz-box-sizing:border-box
}
.bi-olap-grid-headers-table div,.bi-olap-grid-headers-table .filler {
    position:absolute;
    -moz-box-sizing:border-box;
    white-space:nowrap;
    vertical-align:middle;
    overflow:hidden;
    text-overflow:ellipsis
}
.bi-olap-grid-row-headers-table tr {
    cursor:default
}
.bi-olap-grid-row-headers-table td {
    white-space:nowrap;
    vertical-align:middle;
    overflow:hidden;
    empty-cells:show
}
.bi-olap-grid nobr {
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.:* {
    behavior:url(#default#VML)
}
.ody,html {
    -moz-box-sizing:border-box;
    border:0;
    padding:0;
    margin:0;
    background:ThreeDFace;
    cursor:wait;
    overflow:hidden;
    width:100%;
    height:100%
}
.root,:root > body {
    overflow:-moz-scrollbars-unscrollable
}
.tml > body {
    position:relative
}
.bi-moz-focused] {
    -moz-outline:1px dotted invert
}
.nput[bi-moz-focused],textarea[bi-moz-focused], body[bi-moz-focused],
html[bi-moz-focused] {
    -moz-outline:none
}
.bi-loading-status {
    position:absolute;
    visibility:hidden;
    -moz-box-sizing:border-box;
    width:300px;
    height:160px;
    background:white;
    border:1px solid black;
    color:black;
    overflow:hidden;
    font:11px Tahoma, Verdana, Arial, Sans-Serif
}
.bi-loading-status-html {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.bi-loading-status-text {
    position:absolute;
    -moz-box-sizing:border-box;
    white-space:nowrap;
    overflow:hidden;
    width:280px;
    top:100px;
    left:10px;
    text-overflow:ellipsis
}
.bi-loading-status-progress-bar {
    position:absolute;
    -moz-box-sizing:border-box;
    border:1px solid ThreeDShadow;
    background:window;
    height:16px;
    width:280px;
    top:118px;
    left:10px;
    padding:1px;
    overflow:hidden;
    -moz-appearance:progressbar
}
.bi-loading-status-progress-bar div {
    background:Highlight;
    overflow:hidden;
    height:100%;
    filter:Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0);
    -moz-appearance:progresschunk
}
.bi-component {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-component {
    overflow:-moz-scrollbars-none
}
.mg.bi-component {
    -moz-box-sizing:content-box
}
.bi-label {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:default
}
.bi-label {
    overflow:-moz-scrollbars-none
}
.bi-button {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-button {
    overflow:-moz-scrollbars-none
}
.bi-check-box-input {
    -moz-box-sizing:border-box;
    width:13px;
    height:13px;
    vertical-align:middle;
    text-align:center;
    -moz-user-focus:ignore;
    padding:0;
    margin:0 auto 0 auto
}
.bi-radio-button-input {
    -moz-box-sizing:border-box;
    width:13px;
    height:13px;
    vertical-align:middle;
    text-align:center;
    -moz-user-focus:ignore;
    padding:0;
    margin:0 auto 0 auto
}
.bi-popup,.bi-tool-tip {
    display:-moz-popup !important;
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden;
    visibility:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    z-index:100000;
    
filter:progid:DXImageTransform.Microsoft.Shadow(color="#FF444444", Direction=135, Strength=3)
}
.bi-popup,.bi-tool-tip {
    overflow:-moz-scrollbars-none
}
.bi-text-field {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-text-field {
    overflow:-moz-scrollbars-none
}
.bi-progress-bar {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-progress-bar {
    overflow:-moz-scrollbars-none
}
.bi-progress-bar-thumb,.bi-progress-bar-reverse-thumb {
    -moz-box-sizing:border-box;
    overflow:hidden;
    left:0;
    top:0;
    height:100%
}
.bi-progress-bar-thumb,.bi-progress-bar-reverse-thumb {
    overflow:-moz-scrollbars-none
}
.bi-slider {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden;
    width:4px;
    height:4px
}
.bi-slider {
    overflow:-moz-scrollbars-none
}
.bi-slider-thumb {
    position:absolute;
    -moz-box-sizing:border-box
}
.bi-slider-thumb {
    overflow:-moz-scrollbars-none
}
.bi-slider .bi-slider-thumb {
    -moz-box-sizing:border-box
}
.bi-slider-line {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-slider-line {
    overflow:-moz-scrollbars-none
}
.bi-slider .bi-slider-line {
    -moz-box-sizing:border-box;
    width:100%;
    height:100%
}
.bi-spinner {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden;
    -moz-outline:none !important
}
.bi-spinner {
    overflow:-moz-scrollbars-none
}
.bi-spinner .bi-button {
    -moz-box-sizing:border-box
}
.bi-spinner .bi-text-field {
    -moz-box-sizing:border-box;
    border:0;
    background-color:transparent
}
.bi-list {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:auto
}
.bi-list-item {
    position:relative;
    -moz-box-sizing:border-box;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block;
    width:100%
}
.bi-list-item {
    overflow:-moz-scrollbars-none;
    width:auto
}
.bi-combo-box {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-combo-box {
    overflow:-moz-scrollbars-none
}
.bi-combo-box .bi-button {
    -moz-box-sizing:border-box;
    font-size:1px;
    padding:0
}
.bi-combo-box .bi-label {
    -moz-box-sizing:border-box
}
.bi-combo-box .bi-text-field {
    -moz-box-sizing:border-box;
    border:0;
    background-color:transparent
}
.bi-combo-box-list {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:auto
}
.bi-combo-box-list .bi-list-item.selected,.bi-combo-box-list .bi-list-item.selected-focused {
    -moz-box-sizing:border-box
}
.bi-status-bar {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-status-bar {
    overflow:-moz-scrollbars-none
}
.bi-status-bar-panel {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:default
}
.bi-status-bar-panel {
    overflow:-moz-scrollbars-none
}
.bi-tool-bar {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-tool-bar {
    overflow:-moz-scrollbars-none
}
.bi-tool-bar-button,.bi-tool-bar-menu-button {
    position:absolute;
    -moz-box-sizing:border-box;
    text-overflow:ellipsis
}
.bi-tool-bar-button,.bi-tool-bar-menu-button {
    overflow:-moz-scrollbars-none
}
.bi-tool-bar-separator {
    position:absolute;
    -moz-box-sizing:border-box
}
.bi-tool-bar .bi-tool-bar-button,.bi-tool-bar .bi-tool-bar-menu-button,
.bi-tool-bar .bi-tool-bar-separator {
    position:relative;
    -moz-box-sizing:border-box;
    display:inline-block;
    overflow:hidden;
    vertical-align:top
}
. > .bi-tool-bar-button,* > .bi-tool-bar-menu-button,
* > .bi-tool-bar-separator {
    display:block;
    float:left
} 
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.
  #7 (permalink)  
Antiguo 07/09/2005, 20:11
Avatar de derkenuke
Colaborador
  
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 21 años, 2 meses
Puntos: 45
Y sigue, esto es una locura... Bueno las cosas mas importantes que no entiendo son la primera linea, y los caracteres extraños tipo ., >, *, |...

Código PHP:
.bi-tool-bar-separator-line {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-tool-bar-separator-line {
    overflow:-moz-scrollbars-none
}
.bi-tab-bar {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden;
    white-space:nowrap
}
.bi-tab-bar {
    overflow:-moz-scrollbars-none
}
.bi-tab-button {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:top;
    cursor:default
}
.bi-tab-button {
    overflow:-moz-scrollbars-none
}
.bi-tab-pane {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden;
    z-index:0
}
.bi-tab-pane {
    overflow:-moz-scrollbars-none
}
.bi-tab-page {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-tab-page {
    overflow:-moz-scrollbars-none
}
.bi-tab-pane .bi-tab-page {
    z-index:0
}
.bi-tab-pane .bi-tab-bar {
    z-index:2
}
.bi-window {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden;
    z-index:10000
}
.bi-window {
    overflow:-moz-scrollbars-none
}
.bi-window-caption {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden;
    cursor:default
}
.bi-window-caption {
    overflow:-moz-scrollbars-none
}
.bi-window-content-pane {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden;
    cursor:default
}
.bi-window-content-pane {
    overflow:-moz-scrollbars-none
}
.bi-window-caption .bi-label {
    -moz-box-sizing:border-box
}
.bi-window .bi-window-caption .bi-button {
    -moz-box-sizing:border-box;
    overflow:hidden;
    cursor:default !important
}
.bi-window .bi-window-caption .bi-button {
    overflow:-moz-scrollbars-none
}
.bi-window .bi-window-caption .bi-button span {
    -moz-box-sizing:border-box;
    position:relative;
    cursor:default !important
}
.bi-glass-pane {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden;
    cursor:default;
    background-image:url("../images/blank.gif")
}
.bi-glass-pane {
    overflow:-moz-scrollbars-none
}
.bi-resize-handle {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden;
    cursor:se-resize
}
.bi-resize-handle {
    overflow:-moz-scrollbars-none
}
.bi-handle-char {
    position:absolute;
    -moz-box-sizing:border-box
}
.bi-tree {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-tree {
    overflow:-moz-scrollbars-none
}
.bi-tree-body {
    -moz-box-sizing:border-box;
    overflow:auto;
    width:100%;
    height:100%
}
.bi-tree-row {
    -moz-box-sizing:border-box;
    line-height:18px;
    height:18px;
    white-space:nowrap;
    overflow-y:hidden
}
.bi-tree-cell {
    -moz-box-sizing:border-box;
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:default
}
.bi-tree-cell {
    overflow:-moz-scrollbars-none;
    -moz-user-select:none
}
.bi-tree .tree-row-selected {
    position:relative;
    z-index:-1
}
.root .tree-node-selected {
    position:static;
    z-index:auto
}
.bi-tree-headers {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-tree-headers {
    overflow:-moz-scrollbars-none
}
.root .bi-tree-row {
    display:-moz-box !important;
    -moz-box-orient:horizontal;
    -moz-box-align:stretch
}
.root .bi-tree-cell {
    display:-moz-box !important;
    -moz-box-orient:horizontal;
    -moz-box-align:center
}
.bi-grid {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-grid {
    overflow:-moz-scrollbars-none
}
.bi-grid-row-headers {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-grid-row-headers {
    overflow:-moz-scrollbars-none
}
.bi-grid-body {
    -moz-box-sizing:border-box;
    overflow:auto;
    width:100%;
    height:100%
}
.bi-grid-row {
    -moz-box-sizing:border-box;
    height:18px;
    line-height:16px;
    white-space:nowrap;
    overflow-y:hidden
}
.bi-grid-cell {
    -moz-box-sizing:border-box;
    display:inline-block;
    height:18px;
    line-height:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:default
}
.bi-grid-cell {
    overflow:-moz-scrollbars-none
}
.bi-grid-row > .bi-grid-cell {
    display:-moz-inline-box;
    -moz-user-select:none;
    vertical-align:middle
}
.bi-grid-header {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:default
}
.bi-grid-header {
    overflow:-moz-scrollbars-none
}
.bi-grid-row-header,.bi-grid-row-header-filler {
    -moz-box-sizing:border-box;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    height:18px;
    width:100%;
    cursor:default;
    -moz-user-select:none
}
.bi-grid-row-header,.bi-grid-row-header-filler {
    overflow:-moz-scrollbars-none
}
.bi-grid-row-header-filler {
    height:99999px
}
.bi-inline-component {
    position:relative;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-inline-component {
    overflow:-moz-scrollbars-none
}
.bi-calendar,.bi-calendar-caption, .bi-calendar-header-line {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-calendar,.bi-calendar-caption, .bi-calendar-header-line {
    overflow:-moz-scrollbars-none
}
.bi-calendar-day,.bi-calendar-day-label {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:default
}
.bi-calendar-day,.bi-calendar-day-label {
    overflow:-moz-scrollbars-none
}
.bi-scroll-bar,.bi-scroll-bar-button, .bi-scroll-bar-block-button,
.bi-scroll-bar-thumb {
    position:absolute;
    -moz-box-sizing:border-box;
    overflow:hidden
}
.bi-scroll-bar,.bi-scroll-bar-button, .bi-scroll-bar-block-button,
.bi-scroll-bar-thumb {
    overflow:-moz-scrollbar-none
} 
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 06:44.