[bronsonParticipant]

Hi every one,

I’m rewriting my inquiry.

I looking for setting up the flwg process.
• Load in a list box A data which have the flwg structure

<name:>name, <value>:value

(about 10/12 rows)
• Drag a item (line) from A to a list box B in which i want to modify .
• Save to a mySql table the new values.

I red a lot about dataAdapter and try to find a guide line to set process but i failed.

Is there any one who can send on tracks which help me.

Many thks

[bronsonParticipant]

Hi every one,

I’m rewriting my inquiry.

I looking for setting up the flwg process.
• Load in a list box A data which have the flwg structure : : (about 10/12 rows)
• Drag a item (line) from A to a list box B in which i want to modify .
• Save to a mySql table the new values.

I red a lot about dataAdapter and try to find a guide line to set process but i failed.

Is there any one who can send on tracks which help me.

Many thks

[bronsonParticipant]

Hi,

I’ve tried this

                $("#listBoxB").jqxListBox({ allowDrop: true, allowDrag: true, source: data2, width: 200, height: 250, theme: 'comperio',
                    dragEnd: function (dragItem, dropItem) {
                        if (dragItem.label == "Frappuccino")
                            return false;
                    },
                    renderer: function (index, label, value) {
                        if (label == "Frappuccino") {
                            return "<span style='color: red;'>" + label + "</span>";
                        }
						return '<table class="glisserDeposerComm"><tr><td class="Text-Epce">'+label+'</td><td align="right"><input name="inputOutil9" type="text" class="SousText-Epce glisserDeposerCommInput" style="display:block; " onfocus="coutActionCo(); " onblur="coutActionCo(); " onkeyup="lisibilite_nombre1(this); " value=""></td></tr></table>';
                    }
                });

trying to solve my pb by i cannot access the input to fill it, what that ?

[bronsonParticipant]

An other pb came up now ! Grrrrr

I use for development purposes only jqwidgets ListBox example, i replaced data1 and data2 by my own datas which are like this.

'<li id="outil9-Item_1" class="lineitem SousText-Epce" style="height:15px; text-align:left; display:block; width: 120px; border: 0px solid #000000; "><table class="glisserDeposerComm"><tr><td>Mailing</td><td align="right"><input name="inputOutil9" type="text" class="SousText-Epce valeur" style="border:1px solid#CCCCCC; height:12px; width:60px; float: right; display: none; margin: 0 0 0 0; padding: 0 0 0 0; padding-left: 3px; text-align:right; vertical-align:text-top; cursor:text; " onfocus="coutActionCo(); " onblur="coutActionCo(); " onkeyup="lisibilite_nombre1(this); " value=""></td></tr></table></li>', '<li .... 

When i drag from A to B the item dragged is copied instead of being moved, when i drag back to A the items is only partially copied not moved !
The lists are all upside down items totally messed, mis aligned, font totally disorganized etc.

Why that ?

Thks

[bronsonParticipant]

Pb solved now almost working

[bronsonParticipant]

Hi,
I’m still battling up the hill against border arounding the draggable items.
I could’nt find very much on the web and i can’t figure out how to fix it using either theme builder or JS scripts to change those borders params !

A hand would be great

Thks

[bronsonParticipant]

Hi Peter thks U for response which help a lot to set my drag&Drop function.
Best Regards

[bronsonParticipant]

Every things works fine now
Thks Peter

[bronsonParticipant]

Thanks Peter,

I checks my problems against your advises and come back to you soon !

[bronsonParticipant]

Hi every body, sorry for my first post which i screwed up by mis-managing the tags

I run in pb with «Styling and Appearance» trying to setup a horizontal menu with the flwg html

<div id='jqxWidget' style='height: 40px;'>
    <div id='jqxMenuH' class="SousTitre-Epce" style='margin-left:20px; margin-right: 20px; margin-top: 5px; border:1px solid #FFF; background-color:rgba(255,255,255,0.4); '>
<ul style="padding-top:5px; ">
    <li style="border:0px solid #000; width:130px; "><a style="cursor:pointer; width:200px; ">Votre Espace</a>
        <ul style='width: 200px;'>
            <li>Votre identification
                <ul style='width: 200px;'>
                    <li><a href="#" id="vousIdentifier" class="Text-Epce Qtip2Fonction" onclick="Traffic(1, 'Oui'); " title="Si pour une raison quelconque vous avez perdu votre identification ou vous n’êtes pas <u style='color:#999; '>patronyme</u>, utilisez cette fonction d'identification.">Vous identifier</a></li>
                    <li><a href="#" class="Text-Epce Qtip2Fonction" title="Pour modifier votre mot de passe">Vos identifiants</a></li>
                </ul>
            </li>
            <li><a href="#" class="Text-Epce Qtip2Fonction" onclick="fenetreAideGene(); centralUpdater('../PHP/StatPerso.php', '', 'contenuFenetreAideGene'); " title="Pour accéder à vos statisques personnelles">Vos statistiques</a></li>
            <li><a href="#" class="Text-Epce Qtip2Fonction" title="Pour correspondre avec votre référent">Votre référent</a></li>
        </ul>
    </li>
    <li style="border:0px solid #000; width:130px; "><a href="#" id="aideGenerale" class="Qtip2Fonction" title="Un wiki est en cours de réalisation, patience...">Aide générale</a></li>                  
    <li style="border:0px solid #000; width:130px; " id="nousJoindre"><a href="#" class="Qtip2Fonction" title="Pour nous signaler un disfonctionnement (bug), un lien «&nbsp;&lt;i&gt;mort&lt;/i&gt;&nbsp;», un abus ou nous faire une suggestion.">nous Signaler…</a>
        <ul style="width:160px; ">
            <li><a href="#" class="Text-Epce" onClick="$('masque').style.display= 'block'; centralUpdater('../Commun/Mail.php', 1,  'PropositionRessources'); $('PropositionRessources').style.display= 'block'; return false; ">Un abus</a></li>
            <li><a href="#" class="Text-Epce" onClick="gestionBug(this); ">Un bug</a></li>
            <li><a href="#" class="Text-Epce" onClick="gestionBug(this); ">Une suggestion</a></li>
        </ul>
    </li>
    <li style="border:0px solid #000; width:130px; " id="Manifestations"><a href="#" class="Qtip2Fonction" title="liste des évènements&nbsp;:<br />• Lieu d’installation<br />• Région d’installation<br />• Nationales<br /><strong>En cours de mise en œuvre</strong>">Les Manifestations</a>
        <ul style="width:160px; ">
            <li><a href="#" class="Text-Epce">Locales</a></li>
            <li><a href="#" class="Text-Epce">Régionales</a></li>
            <li><a href="#" class="Text-Epce">Nationale</a></li>
        </ul>
    </li>
    <li href="#" style="border:0px solid #000; width:130px; "><img src="../Images/Communication/faceBook.png" id="facebook" style="cursor:pointer; width:16px; height:16px; margin-top:0px; margin-right:10px; " title="Facebook" /><img src="../Images/Communication/twitterLogo.png" id="twitter" style="cursor:pointer; width:18px; height:15px; margin-top:0px; margin-left:10px; " title="Twitter" />&nbsp;<img src="../Images/Deconexion.png" name="deconnexion" id="deconnexion" style="cursor:pointer; width:15px; height:15px; margin-left:10px; " title="Pour vous déconnecter" onClick="deconnecter(); " /></li>
</ul>    </div>
</div>

The script loaded at the end of loading process and is as :

$j("#jqxMenuH").jqxMenu({ height: 30, theme: 'azerty', mode: 'horizontal', animationShowDuration: 0, animationHideDuration: 0, animationShowDelay: 0, animationShowDuration: 300, animationHideDuration: 200, animationShowDelay: 200, popupZIndex: 999999});
	$j("#jqxMenuH").css('visibility', 'visible');
	// Create a jqxMenu	width: '100%', height: 35, mode: 'horizontal'
	var centerItems = function () {
		var firstItem = $j($j("#jqxMenuH ul:first").children()[0]);
		firstItem.css('margin-left', 0);
		var width = 0;
		var borderOffset = 2;
		$j.each($j("#jqxMenuH ul:first").children(), function () {
			width += $j(this).outerWidth(true) + borderOffset;
		});
		var menuWidth = $j("#jqxMenuH").outerWidth();
		firstItem.css('margin-left', (menuWidth / 2 ) - (width / 2));
	}
	centerItems();
	$j(window).resize(function () {
		centerItems();
	});

On a stand alone basis the process works (http://inedie.dyndns.org/ComperioV3/Sanstitre-1.php)

The hml imbricated in quiet sophisticated html page refuse to show, the container jqxmenuH show but empty the first level item keep hidden and the ul is far at right outside of the screen with a margin-left topping at more than 8 000 px !!!???
Is there a way to circum-navigate this
Is there a bug with the jqwidget’s lastest version ?
How can’i load an older jqwidget version ?
Any help would be appreciated

[bronsonParticipant]

OK Thks U

For those interested, i issued a javascript breakthrough.
I create an array (tablo) containing all top-level menu id’s, then run a loop in which for every array’s element i invoke

$("#xxxxx").jqxMenu('setItemOpenDirection', tablo[i], 'left', 'down') 

This perfectly works
Rgds

[bronsonParticipant]

Thank U mariya,
I’ll have a look.

[bronsonParticipant]

Ok thank U for the help.

Best rgds

[bronsonParticipant]

Back on the 2nd point
I want to get different CSS (same width but different color and border) for :
“Product”, “News”, & “Corporate Use”
“

<li>Products
                <ul>
                    <li><a href="#">New</a>
                        <ul>
                            <li><a href="#">Corporate Use</a></li>"

i’m messed up with the theme builder and all info i got over the web on that topic.

Thks U for your help.

[bronsonParticipant]

Hi Dimitar,

The first point of my last post is solved !
I found the post called : Center jqxMenu Items.
Every thing works fine

Regards

[Author]

Posts